@import "https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/variable/woff2/SUIT-Variable.css";
@import "https://cdn.jsdelivr.net/gh/sunn-us/SUITE/fonts/variable/woff2/SUITE-Variable.css";
:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:272 75% 53%;--primary-foreground:0 0% 100%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--success:142 71% 45%;--warning:38 92% 50%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:272 75% 53%;--radius:.5rem}.dark{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 6%;--card-foreground:0 0% 98%;--popover:240 10% 6%;--popover-foreground:0 0% 98%;--primary:272 75% 60%;--primary-foreground:0 0% 100%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:272 75% 60%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;min-height:100vh;font-family:SUIT Variable,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-family:SUITE Variable,SUIT Variable,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:1.5rem}.app-header{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.app-header-left{align-items:center;gap:.75rem;display:flex}.app-header-logo{border-radius:var(--radius);object-fit:cover;width:36px;height:36px}.app-header-title{color:hsl(var(--foreground));font-size:1.1rem;font-weight:700}.app-header-right{align-items:center;gap:.5rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:SUIT Variable,sans-serif;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.btn-primary:hover:not(:disabled){opacity:.9}.btn-outline{color:hsl(var(--foreground));border-color:hsl(var(--border));background:0 0}.btn-outline:hover:not(:disabled){background:hsl(var(--accent))}.btn-ghost{color:hsl(var(--foreground));background:0 0}.btn-ghost:hover:not(:disabled){background:hsl(var(--accent))}.btn-sm{padding:.25rem .75rem;font-size:.8rem}.btn-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-color:hsl(var(--destructive))}.input{border:1px solid hsl(var(--input));border-radius:var(--radius);background:hsl(var(--background));width:100%;color:hsl(var(--foreground));outline:none;padding:.5rem .75rem;font-family:SUIT Variable,sans-serif;font-size:.875rem;transition:border-color .15s}.input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.input::placeholder{color:hsl(var(--muted-foreground))}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden}.card-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.card-title{font-size:1rem;font-weight:600}.card-content{padding:1.5rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem 1.25rem}.stat-label{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.stat-value{color:hsl(var(--primary));margin-top:.25rem;font-family:SUITE Variable,sans-serif;font-size:1.75rem;font-weight:700}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{background:hsl(var(--muted))}.data-table th{text-align:left;color:hsl(var(--muted-foreground));white-space:nowrap;border-bottom:1px solid hsl(var(--border));padding:.625rem 1rem;font-size:.8rem;font-weight:500}.data-table td{border-bottom:1px solid hsl(var(--border));vertical-align:middle;padding:.625rem 1rem}.data-table tr:hover{background:hsl(var(--muted)/.5)}.data-table .title-cell{text-overflow:ellipsis;white-space:nowrap;max-width:350px;font-weight:500;overflow:hidden}.data-table .title-cell a{color:hsl(var(--foreground));transition:color .15s}.data-table .title-cell a:hover{color:hsl(var(--primary))}.badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:.15rem .5rem;font-size:.7rem;font-weight:500;display:inline-flex}.badge-primary{background:hsl(var(--primary)/.1);color:hsl(var(--primary));border:1px solid hsl(var(--primary)/.2)}.badge-success{background:hsl(var(--success)/.1);color:hsl(var(--success));border:1px solid hsl(var(--success)/.2)}.badge-muted{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border))}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.toolbar .input{max-width:300px}.filter-group{flex-wrap:wrap;gap:.25rem;display:flex}.modal-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius)*1.5);width:100%;max-width:480px;max-height:80vh;animation:.2s slideUp;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{font-size:1.1rem;font-weight:700}.modal-close{cursor:pointer;color:hsl(var(--muted-foreground));border-radius:var(--radius);background:0 0;border:none;padding:.25rem;font-size:1.25rem;transition:background .15s}.modal-close:hover{background:hsl(var(--muted))}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid hsl(var(--border));justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.manage-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.manage-item{border:1px solid hsl(var(--border));border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.875rem;display:flex}.manage-item-name{font-weight:500}.manage-item-actions{gap:.25rem;display:flex}.login-wrapper{background:hsl(var(--background));justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius)*1.5);text-align:center;width:100%;max-width:380px;padding:2.5rem;box-shadow:0 4px 20px #00000014}.login-logo{border-radius:var(--radius);width:64px;height:64px;margin:0 auto 1.25rem}.login-title{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.login-subtitle{color:hsl(var(--muted-foreground));margin-bottom:1.5rem;font-size:.85rem}.login-form{flex-direction:column;gap:.75rem;display:flex}.login-error{color:hsl(var(--destructive));margin-top:.25rem;font-size:.8rem}.mobile-cards{flex-direction:column;gap:.75rem;display:none}.mobile-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem;transition:border-color .15s;display:block}.mobile-card:hover{border-color:hsl(var(--primary))}.mobile-card-title{margin-bottom:.5rem;font-size:.9rem;font-weight:600;line-height:1.4}.mobile-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-wrapper{color:hsl(var(--muted-foreground));justify-content:center;align-items:center;padding:3rem;display:flex}.spinner{border:2px solid hsl(var(--border));border-top-color:hsl(var(--primary));border-radius:50%;width:24px;height:24px;margin-right:.75rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:hsl(var(--muted-foreground));padding:3rem}.empty-icon{margin-bottom:.75rem;font-size:2.5rem}.tab-buttons{border-bottom:1px solid hsl(var(--border));gap:0;margin-bottom:1.5rem;display:flex}.tab-btn{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-family:SUIT Variable,sans-serif;font-size:.875rem;font-weight:500;transition:all .15s}.tab-btn:hover{color:hsl(var(--foreground))}.tab-btn.active{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}@media (max-width:768px){.container{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.desktop-table{display:none!important}.mobile-cards{display:flex!important}.toolbar{flex-direction:column}.toolbar .input{max-width:100%}.app-header{padding:.75rem 1rem}.app-header-title{font-size:.95rem}.modal{max-width:calc(100% - 2rem);margin:1rem}}@media (min-width:769px){.desktop-table{display:block}.mobile-cards{display:none}}.text-muted{color:hsl(var(--muted-foreground))}.text-sm{font-size:.8rem}.flex-gap{align-items:center;gap:.5rem;display:flex}.mt-1{margin-top:.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.settings-layout{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.settings-ops{flex-direction:column;gap:.75rem;display:flex}.settings-ops-item{border:1px solid hsl(var(--border));border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background .15s;display:flex}.settings-ops-item:hover{background:hsl(var(--muted))}.settings-ops-info{flex-direction:column;gap:.15rem;display:flex}.settings-ops-label{font-size:.875rem;font-weight:600}.settings-alert{border-radius:var(--radius);padding:.75rem 1rem;font-size:.85rem;font-weight:500;animation:.2s fadeIn}.settings-alert-success{color:#16a249;background:#16a24926;border:1px solid #16a2494d}.settings-alert-error{color:#ef4343;background:#ef434326;border:1px solid #ef43434d}.settings-notice{color:#e7b008;border-radius:var(--radius);background:#e7b0081a;border:1px solid #e7b00840;margin-bottom:.75rem;padding:.6rem .75rem;font-size:.8rem}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s}.sortable-th:hover{color:hsl(var(--primary))}.sort-icon{margin-left:.25rem;font-size:.7rem}.sort-icon.inactive{opacity:.3}.sort-icon.active{color:hsl(var(--primary))}.search-wrapper{width:100%;position:relative}.search-icon{opacity:.4;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{padding-left:2.25rem!important}.settings-expand{border:1px solid hsl(var(--border));border-radius:var(--radius);animation:.25s cubic-bezier(.16,1,.3,1) slideDown;overflow:hidden}.settings-expand-inner{background:hsl(var(--card));padding:1rem 1.25rem}.settings-expand .input{width:100%}.settings-expand select.input{appearance:auto;padding:.5rem .75rem}.settings-field-label{color:hsl(var(--muted-foreground));margin-top:.5rem;margin-bottom:.35rem;font-size:.8rem;font-weight:500;display:block}.settings-field-label:first-child{margin-top:0}.settings-field-hint{color:hsl(var(--muted-foreground));opacity:.7;margin-top:.35rem;font-size:.75rem}.settings-form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:600px){.settings-form-grid{grid-template-columns:1fr}}.settings-toggle-group{flex-wrap:wrap;gap:.5rem;display:flex}.settings-textarea{resize:vertical;width:100%;min-height:180px;font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:.8rem;line-height:1.6}.settings-chevron{opacity:.5;flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.settings-chevron-open{opacity:1;transform:rotate(180deg)}.settings-ops-item{cursor:pointer}.settings-ops-item-active{border-color:hsl(var(--primary)/.3);background:hsl(var(--primary)/.05)}.settings-ops-label{align-items:center;gap:.5rem;display:flex}.settings-notice{align-items:flex-start;gap:.5rem;display:flex}.settings-notice svg{flex-shrink:0;margin-top:.1rem}.btn-danger-ghost:hover{color:hsl(var(--destructive));background:hsl(var(--destructive)/.1)}.spinner-sm{border:2px solid hsl(var(--primary-foreground)/.3);border-top-color:hsl(var(--primary-foreground));vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:.35rem;animation:.6s linear infinite spin;display:inline-block}.card-title{align-items:center;gap:.5rem;display:flex}.tab-btn{align-items:center;gap:.4rem;display:inline-flex}.stat-today{color:hsl(var(--primary))}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:800px;transform:translateY(0)}}@media (max-width:768px){.settings-layout{grid-template-columns:1fr}}