@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";
:root{--bg-primary:#f8f9fa;--bg-surface:#fff;--major-green:#a5c63c;--text-primary:#1a1a1a;--text-secondary:#4f4f4c;--text-tertiary:#4f4f4c;--border-color:#e9ecef;--label-color:#122c18;--label-bg:#f2f9dd;--hover-bg:#e9ecef;--active-bg:#e0e7ff;--active-text:#4f46e5;--active-icon-bg:#c7d2fe;--icon-bg:#dee2e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#566e09;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#a5c63c}body{background-color:#fff;justify-content:center;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{color:var(--text-primary);font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}p,span,button,.txt-dark-grey{color:var(--text-primary)}.txt-light-grey{color:var(--text-secondary)}button:hover{border-color:inherit}button:focus,button:focus-visible{outline:none}.main-container{background-color:var(--bg-primary);width:100%;display:flex}.main-content{background-color:var(--bg-primary);width:calc(100% - 200px);color:var(--text-primary);min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid #0000001a;border-radius:50%;animation:1s linear infinite spin;display:inline-block}[data-theme=dark] .spinner{border:3px solid #ffffff1a}.spinner-container{justify-content:center;align-items:center;display:flex}.spinner-container-fullscreen{background-color:var(--bg-primary);z-index:1000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.border-card{border:1px solid var(--border-color);background-color:var(--bg-surface);border-radius:8px;padding:20px;transition:box-shadow .2s}.border-card:hover{box-shadow:0 2px 4px #0000000d}.card-title{color:#4f4f4c;letter-spacing:.03em;margin:0 0 12px;font-size:16px;font-weight:400}.font-bold{font-weight:500}.primary-btn{color:#fff;cursor:pointer;background:#1e1e1e;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s}.primary-btn:hover{background:#000}.header-subtitle{color:#1e1e1e;margin:0 0 16px;font-size:16px;font-weight:400}.header-title{color:#1e1e1e;margin:0;font-size:38px;font-weight:400}.green-label{background:#deffaf;border-radius:10px;padding:.5em 1em}.blue-label{background:#d0e1ff;border-radius:10px;padding:.5em 1em}.purple-label{background:#e9d5ff;border-radius:10px;padding:.5em 1em}.orange-label{background:#ffedd5;border-radius:10px;padding:.5em 1em}.pink-label{background:#fce7f3;border-radius:10px;padding:.5em 1em}.cyan-label{background:#cffafe;border-radius:10px;padding:.5em 1em}.header{background:0 0;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-top:2em;display:flex;position:relative}.search-input{color:#1e1e1e;border:1px solid #e0e0e0;border-radius:8px;width:240px;padding:8px 12px;font-size:14px;font-weight:400;transition:all .2s}.search-input::placeholder{color:#9ca3af}.search-input:focus{border-color:#a5c63c;outline:none;box-shadow:0 0 0 2px #a5c63c1a}.input-field{color:#1e1e1e;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;width:-webkit-fill-available;padding:8px 12px;font-size:14px;font-weight:400;transition:all .2s}.input-field:focus{border-color:#a5c63c;outline:none;box-shadow:0 0 0 2px #a5c63c1a}.bold-card-title{color:var(--text-primary);margin:0 0 20px;font-size:20px;font-weight:500}.skeleton{background:#e0e0e0;border-radius:4px;position:relative;overflow:hidden}.skeleton-text{border-radius:4px}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite skeleton-loading;display:block;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes skeleton-loading{to{transform:translate(100%)}}.data-table{border-collapse:collapse;border:1px solid #e0e0e0;width:100%}.data-table th{text-align:left;color:#4f4f4c;border-bottom:1px solid #e0e0e0;padding:12px 1em;font-size:14px;font-weight:400}.data-table td{color:#1e1e1e;border-bottom:1px solid #e0e0e0;padding:12px 1em;font-size:14px}.data-table tbody tr:hover{background-color:#f9fafb}.data-table tr:last-child td{border-bottom:none}.data-table th,.data-table td{border-right:1px solid #e0e0e0}.data-table th:last-child,.data-table td:last-child{border-right:none}.delete-btn{color:#ef4444;background:0 0;border:none;border-radius:10px;padding:6px 12px;font-size:12px}.delete-btn:hover{background:#e9ecef}.auth-dek{color:#fff}@media (max-width:768px){.main-container{flex-direction:column}.main-content{width:100%}.search-input{box-sizing:border-box;width:100%}.header-title{font-size:24px}.header-subtitle{font-size:13px}.header{margin-bottom:20px;padding-top:1em}}