:root{--color-primary:#16a34a;--color-primary-light:#22c55e;--color-primary-dark:#15803d;--color-primary-50:#f0fdf4;--color-primary-100:#dcfce7;--color-primary-700:#15803d;--color-primary-800:#166534;--color-primary-900:#14532d;--color-blue-50:#eff6ff;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-amber-50:#fffbeb;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-red-50:#fef2f2;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-purple-50:#faf5ff;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-white:#fff;--color-black:#000;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-pill:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family);color:var(--color-neutral-800);background:var(--color-neutral-50);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px}.app-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg,var(--color-primary-900)0%,var(--color-primary-800)100%);color:#fff;width:260px;padding:var(--space-6)0;z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__brand{padding:0 var(--space-6);margin-bottom:var(--space-8)}.sidebar__brand h1{font-size:var(--font-size-lg);letter-spacing:-.025em;font-weight:800}.sidebar__brand p{font-size:var(--font-size-xs);opacity:.6;margin-top:var(--space-1)}.sidebar__nav{gap:var(--space-1);padding:0 var(--space-3);flex-direction:column;flex:1;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:#ffffffb3;font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar__link:hover{color:#fff;background:#ffffff1a}.sidebar__link--active{color:#fff;background:#ffffff26}.sidebar__icon{text-align:center;width:24px;font-size:1.25rem}.sidebar__section{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:#fff6;padding:var(--space-4)var(--space-4)var(--space-2);font-weight:600}.sidebar__user{padding:var(--space-4)var(--space-6);align-items:center;gap:var(--space-3);border-top:1px solid #ffffff1a;margin-top:auto;display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__user-role{font-size:var(--font-size-xs);opacity:.6}.main-content{padding:var(--space-8);flex:1;margin-left:260px}.page-header{margin-bottom:var(--space-8)}.page-header__title{font-size:var(--font-size-2xl);color:var(--color-neutral-900);letter-spacing:-.025em;font-weight:700}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-top:var(--space-1)}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card__icon{border-radius:var(--radius-md);width:40px;height:40px;margin-bottom:var(--space-3);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.stat-card__icon--green{background:var(--color-primary-50)}.stat-card__icon--blue{background:var(--color-blue-50)}.stat-card__icon--amber{background:var(--color-amber-50)}.stat-card__icon--purple{background:var(--color-purple-50)}.stat-card__value{font-size:var(--font-size-2xl);color:var(--color-neutral-900);font-weight:700}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-top:var(--space-1)}.table-wrapper{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.table-header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.table-header__title{font-size:var(--font-size-lg);font-weight:600}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table th{text-align:left;padding:var(--space-3)var(--space-4);color:var(--color-neutral-500);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-neutral-100);background:var(--color-neutral-50)}.data-table td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.data-table tbody tr:hover{background:var(--color-neutral-50)}.data-table tbody tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-pill);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.badge--green{background:var(--color-primary-50);color:var(--color-primary-700)}.badge--blue{background:var(--color-blue-50);color:var(--color-blue-700)}.badge--amber{background:var(--color-amber-50);color:var(--color-amber-700)}.badge--red{background:var(--color-red-50);color:var(--color-red-600)}.badge--purple{background:var(--color-purple-50);color:var(--color-purple-600)}.badge--neutral{background:var(--color-neutral-100);color:var(--color-neutral-600)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;border:none;text-decoration:none;transition:all .15s;display:inline-flex}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-white);color:var(--color-neutral-700);border:1px solid var(--color-neutral-200)}.btn--secondary:hover{background:var(--color-neutral-50)}.btn--danger{background:var(--color-red-50);color:var(--color-red-600)}.btn--danger:hover{background:var(--color-red-500);color:#fff}.btn--lg{padding:var(--space-3)var(--space-6);font-size:var(--font-size-base)}.btn--sm{padding:var(--space-1)var(--space-3);font-size:var(--font-size-xs)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);color:var(--color-neutral-700);margin-bottom:var(--space-1);font-weight:600;display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2)var(--space-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-neutral-800);background:var(--color-white);transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #16a34a1a}.form-textarea{resize:vertical;min-height:100px}.card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-6)}.landing-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:900px;margin:0 auto;display:grid}.landing-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;cursor:pointer;color:inherit;flex-direction:column;align-items:center;text-decoration:none;transition:all .2s;display:flex}.landing-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.landing-card__icon{border-radius:var(--radius-lg);background:var(--color-primary-50);width:64px;height:64px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:2rem;display:flex}.landing-card__title{font-size:var(--font-size-lg);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:700}.landing-card__desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);line-height:1.5}.landing-wrapper{min-height:100vh;padding:var(--space-8);background:linear-gradient(135deg,var(--color-primary-50)0%,var(--color-neutral-50)50%,var(--color-blue-50)100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.landing-header{text-align:center;margin-bottom:var(--space-10)}.landing-header h1{font-size:var(--font-size-3xl);color:var(--color-neutral-900);letter-spacing:-.025em;margin-bottom:var(--space-2);font-weight:800}.landing-header p{font-size:var(--font-size-lg);color:var(--color-neutral-500)}.empty-state{text-align:center;padding:var(--space-12)var(--space-8)}.empty-state__icon{margin-bottom:var(--space-4);font-size:3rem}.empty-state__title{font-size:var(--font-size-lg);color:var(--color-neutral-700);margin-bottom:var(--space-2);font-weight:600}.empty-state__text{font-size:var(--font-size-sm);color:var(--color-neutral-400);margin-bottom:var(--space-6)}.filter-bar{gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.filter-bar .form-input,.filter-bar .form-select{width:auto;min-width:160px}.sidebar__footer{margin-top:auto}.sidebar__theme-row{padding:var(--space-2)var(--space-6);justify-content:flex-end;display:flex}.sidebar__user{margin-top:0}.sidebar__logout{cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;font-size:1.25rem;transition:background .15s}.sidebar__logout:hover{background:#ffffff26}.theme-toggle{border-radius:var(--radius-pill);padding:var(--space-1)var(--space-3);cursor:pointer;align-items:center;gap:var(--space-2);background:#ffffff1a;border:1px solid #ffffff26;transition:all .2s;display:flex}.theme-toggle:hover{background:#fff3}.theme-toggle__icon{font-size:1rem}html,body,.main-content,.card,.table-wrapper,.filter-bar,.form-input,.form-select,.form-textarea,.stat-card,.landing-card,.landing-wrapper,.page-header__title,.page-header__subtitle,.data-table th,.data-table td,.empty-state__title,.empty-state__text,.form-label,.btn--secondary{transition:background-color .2s,color .2s,border-color .2s}[data-theme=dark]{--color-neutral-50:#0f1117;--color-neutral-100:#1a1d27;--color-neutral-200:#2a2d3a;--color-neutral-300:#3a3d4a;--color-neutral-400:#6b7280;--color-neutral-500:#9ca3af;--color-neutral-600:#d1d5db;--color-neutral-700:#e5e7eb;--color-neutral-800:#f3f4f6;--color-neutral-900:#f9fafb;--color-white:#151821;--color-black:#fff;--color-primary-50:#16a34a1f;--color-primary-100:#16a34a2e;--color-blue-50:#3b82f61f;--color-amber-50:#f59e0b1f;--color-red-50:#ef44441f;--color-purple-50:#a855f71f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006}[data-theme=dark] body{color:var(--color-neutral-800);background:var(--color-neutral-50)}[data-theme=dark] .sidebar{background:linear-gradient(#0c1a0f 0%,#0f2614 100%)}[data-theme=dark] .landing-wrapper{background:linear-gradient(135deg,#0f1117 0%,#151821 50%,#0f1117 100%)}[data-theme=dark] .landing-card:hover{border-color:var(--color-primary-light)}[data-theme=dark] .data-table tbody tr:hover{background:var(--color-neutral-100)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{box-shadow:0 0 0 3px #16a34a40}.admin-tabs{gap:var(--space-1);margin-bottom:var(--space-6);padding:var(--space-1);background:var(--color-neutral-100);border-radius:var(--radius-lg);display:flex;overflow-x:auto}.admin-tab{padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:var(--space-2);white-space:nowrap;color:var(--color-neutral-600);font-weight:500;font-family:var(--font-family);background:0 0;border:none;transition:all .15s;display:flex}.admin-tab:hover{background:var(--color-neutral-200)}.admin-tab--active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.section-title{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.section-title--accent{color:var(--color-primary)}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:9999;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);pointer-events:auto;opacity:0;min-width:300px;max-width:440px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(100%)}.toast--visible{opacity:1;transform:translate(0)}.toast--success{border-left:4px solid var(--color-primary)}.toast--error{border-left:4px solid var(--color-red-500)}.toast--info{border-left:4px solid var(--color-blue-500)}.toast__icon{flex-shrink:0;font-size:1.125rem}.toast__message{color:var(--color-neutral-700);flex:1;line-height:1.4}.toast__close{color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.25rem;line-height:1}.toast__close:hover{color:var(--color-neutral-600)}.confirm-dialog{border-radius:var(--radius-xl);width:90%;max-width:420px;box-shadow:var(--shadow-lg);background:var(--color-white);border:none;padding:0}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006}.confirm-dialog__content{padding:var(--space-6)}.confirm-dialog__title{font-size:var(--font-size-lg);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:700}.confirm-dialog__message{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-bottom:var(--space-6);line-height:1.6}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-2);display:flex}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-neutral-100)25%,var(--color-neutral-200)50%,var(--color-neutral-100)75%);background-size:400px 100%;height:14px;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-line--header{width:70%;height:12px}.skeleton-line--lg{width:50%;height:20px}.skeleton-line--sm{width:80%;height:12px}.skeleton-line--icon{border-radius:var(--radius-md);width:40px;height:40px}.skeleton-line--title{width:40%;height:24px;margin-bottom:var(--space-2)}.skeleton-line--subtitle{width:60%;height:14px;margin-bottom:var(--space-4)}.skeleton-table{padding:var(--space-4)}.skeleton-table__header{gap:var(--space-4);padding:var(--space-3)0;border-bottom:1px solid var(--color-neutral-100);margin-bottom:var(--space-2);display:flex}.skeleton-table__header .skeleton-line{flex:1}.skeleton-table__row{gap:var(--space-4);padding:var(--space-3)0;display:flex}.skeleton-table__row .skeleton-line{flex:1}.skeleton-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.skeleton-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.skeleton-block{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-neutral-100)25%,var(--color-neutral-200)50%,var(--color-neutral-100)75%);height:100px;margin-bottom:var(--space-4);background-size:400px 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-detail{padding:var(--space-4)}.mobile-header{background:linear-gradient(90deg,var(--color-primary-900)0%,var(--color-primary-800)100%);color:#fff;height:56px;padding:0 var(--space-4);align-items:center;gap:var(--space-3);z-index:99;display:none;position:fixed;top:0;left:0;right:0}.mobile-header__burger{color:#fff;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.mobile-header__burger:hover{background:#ffffff26}.mobile-header__title{font-size:var(--font-size-base);letter-spacing:-.02em;font-weight:700}.sidebar__overlay{z-index:99;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar__overlay--visible{opacity:1}@media (max-width:768px){.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:600px}.mobile-header{display:flex}.sidebar{z-index:100;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__overlay{display:block}.main-content{padding:var(--space-4);padding-top:calc(56px + var(--space-4));margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.landing-grid{grid-template-columns:1fr}.page-header{gap:var(--space-3);flex-direction:column}.filter-bar{flex-direction:column}.filter-bar .form-input,.filter-bar .form-select{width:100%;min-width:unset}.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.toast{min-width:unset;max-width:unset;width:100%}[style*="gridTemplateColumns: '2fr 1fr'"],.detail-grid{grid-template-columns:1fr!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:focus-visible{box-shadow:0 0 0 3px #16a34a4d}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:none}.skip-link{background:var(--color-primary);color:#fff;padding:var(--space-2)var(--space-4);z-index:10000;font-size:var(--font-size-sm);border-radius:0 0 var(--radius-md)0;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}