@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#6c5ce7;--color-primary-hover:#5a4bd4;--color-primary-light:#6c5ce71f;--color-primary-glow:#6c5ce740;--color-secondary:#e84393;--color-secondary-light:#e843931f;--color-accent:#00cec9;--color-accent-light:#00cec91f;--color-success:#00b894;--color-success-light:#00b8941f;--color-warning:#fdcb6e;--color-warning-light:#fdcb6e1f;--color-danger:#d63031;--color-danger-light:#d630311f;--color-info:#0984e3;--color-info-light:#0984e31f;--bg-body:#f0f2f5;--bg-card:#fff;--bg-card-hover:#fafafe;--bg-sidebar:#fff;--bg-navbar:linear-gradient(135deg,#6c5ce7,#e84393);--bg-input:#fff;--bg-table-header:#6c5ce7;--bg-table-stripe:#6c5ce70a;--bg-modal-overlay:#00000080;--text-primary:#2d3436;--text-secondary:#636e72;--text-muted:#b2bec3;--text-inverse:#fff;--text-link:#6c5ce7;--border-color:#e1e5eb;--border-light:#f1f3f5;--border-input:#dfe6e9;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-xl:0 12px 48px #0000001f;--shadow-glow:0 0 20px var(--color-primary-glow);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--sidebar-width:260px;--sidebar-collapsed:72px;--navbar-height:64px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}[data-theme=dark]{--color-primary:#a29bfe;--color-primary-hover:#b8b3ff;--color-primary-light:#a29bfe26;--color-primary-glow:#a29bfe4d;--color-secondary:#fd79a8;--color-secondary-light:#fd79a826;--color-accent:#81ecec;--color-accent-light:#81ecec26;--color-success:#55efc4;--color-success-light:#55efc426;--color-warning:#ffeaa7;--color-warning-light:#ffeaa726;--color-danger:#ff7675;--color-danger-light:#ff767526;--color-info:#74b9ff;--color-info-light:#74b9ff26;--bg-body:#0f0f1a;--bg-card:#1a1a2e;--bg-card-hover:#222240;--bg-sidebar:#16162a;--bg-navbar:linear-gradient(135deg,#2d1b69,#6b2f5b);--bg-input:#1a1a2e;--bg-table-header:#2d1b69;--bg-table-stripe:#a29bfe0a;--bg-modal-overlay:#000000b3;--text-primary:#e8e8f0;--text-secondary:#a0a0b8;--text-muted:#5a5a78;--text-inverse:#0f0f1a;--text-link:#a29bfe;--border-color:#2a2a45;--border-light:#222240;--border-input:#3a3a5c;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 12px 48px #0009;--shadow-glow:0 0 20px var(--color-primary-glow)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--bg-body);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);line-height:1.6}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.navbar{background:var(--bg-navbar);height:var(--navbar-height);z-index:1000;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.navbar__brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.navbar__brand svg{width:28px;height:28px}.navbar__actions{align-items:center;gap:12px;margin-left:auto;display:flex}.navbar__toggle{color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast);background:#ffffff26;border:none;justify-content:center;align-items:center;margin-right:16px;display:flex}.navbar__toggle:hover{background:#ffffff40}.sidebar{top:var(--navbar-height);width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:900;transition:transform var(--transition-normal),width var(--transition-normal);padding:16px 0;position:fixed;bottom:0;left:0;overflow:hidden auto}.sidebar__section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:20px 24px 8px;font-size:.7rem;font-weight:700}.sidebar__link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:12px;margin:2px 12px;padding:10px 24px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar__link:hover{background:var(--color-primary-light);color:var(--color-primary);transform:translate(3px)}.sidebar__link--active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar__link--active:before{content:"";background:var(--color-primary);border-radius:0 var(--radius-full)var(--radius-full)0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.sidebar__link svg,.sidebar__link i{flex-shrink:0;width:20px;height:20px}.sidebar__submenu{max-height:0;transition:max-height var(--transition-normal);padding-left:20px;overflow:hidden}.sidebar__submenu--open{max-height:300px}.sidebar__chevron{transition:transform var(--transition-fast);margin-left:auto}.sidebar__chevron--open{transform:rotate(180deg)}.main-content{margin-left:var(--sidebar-width);margin-top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height));transition:margin-left var(--transition-normal);padding:24px}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card--interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-2px)}.card__header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card__header--gradient{background:var(--bg-navbar);color:#fff;border-bottom:none}.card__title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.card__header--gradient .card__title{color:#fff}.card__body{padding:24px}.card__footer{border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-normal);justify-content:space-between;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.stat-card--primary:before{background:var(--color-primary)}.stat-card--success:before{background:var(--color-success)}.stat-card--warning:before{background:var(--color-warning)}.stat-card--danger:before{background:var(--color-danger)}.stat-card--info:before{background:var(--color-info)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__value{letter-spacing:-.02em;margin-bottom:4px;font-size:2rem;font-weight:800;line-height:1}.stat-card__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.stat-card__icon{border-radius:var(--radius-md);opacity:.6;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:flex}.btn{border-radius:var(--radius-full);font-size:.875rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-primary-glow);transform:translateY(-1px)}.btn--secondary{background:var(--color-primary-light);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#c12424;transform:translateY(-1px)}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){transform:translateY(-1px)}.btn--ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn--sm{padding:6px 12px;font-size:.8rem}.btn--lg{padding:14px 28px;font-size:1rem}.btn--icon{border-radius:var(--radius-sm);width:36px;height:36px;padding:8px}.btn--full{width:100%}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.form-label--required:after{content:" *";color:var(--color-danger)}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1.5px solid var(--border-input);border-radius:var(--radius-sm);width:100%;font-size:.9rem;font-family:var(--font-family);color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:10px 16px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.form-error{color:var(--color-danger);margin-top:4px;font-size:.8rem}.table-wrapper{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.table-header{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.table-search{background:var(--bg-input);border:1.5px solid var(--border-input);border-radius:var(--radius-full);align-items:center;gap:8px;min-width:280px;padding:4px 16px;display:flex}.table-search input{font-size:.875rem;font-family:var(--font-family);color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:6px 0}.table-search input::placeholder{color:var(--text-muted)}.table-responsive{overflow-x:auto}table{border-collapse:collapse;width:100%}table th{background:var(--bg-table-header);color:#fff;text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;padding:14px 16px;font-size:.75rem;font-weight:700}table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:14px 16px;font-size:.875rem}table tbody tr{transition:background var(--transition-fast)}table tbody tr:hover{background:var(--color-primary-light)}table tbody tr:nth-child(2n){background:var(--bg-table-stripe)}table tbody tr:nth-child(2n):hover{background:var(--color-primary-light)}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--primary{background:var(--color-primary-light);color:var(--color-primary)}.badge--success{background:var(--color-success-light);color:var(--color-success)}.badge--warning{background:var(--color-warning-light);color:#856404}.badge--danger{background:var(--color-danger-light);color:var(--color-danger)}.badge--info{background:var(--color-info-light);color:var(--color-info)}.modal-overlay{background:var(--bg-modal-overlay);z-index:1100;animation:fadeIn var(--transition-fast);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-normal);overflow-y:auto}.modal__header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal__title{font-size:1.2rem;font-weight:700}.modal__close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px}.modal__close:hover{background:var(--color-danger-light);color:var(--color-danger)}.modal__body{padding:24px}.modal__footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.alert{border-radius:var(--radius-sm);animation:slideDown var(--transition-fast);align-items:center;gap:10px;margin-bottom:16px;padding:14px 20px;font-size:.875rem;font-weight:500;display:flex}.alert--success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.alert--danger{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}.alert--warning{background:var(--color-warning-light);color:#856404;border:1px solid var(--color-warning)}.alert--info{background:var(--color-info-light);color:var(--color-info);border:1px solid var(--color-info)}.welcome-banner{background:var(--bg-navbar);color:#fff;border-radius:var(--radius-lg);margin-bottom:28px;padding:32px;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.welcome-banner:after{content:"";background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60%;right:10%}.welcome-banner h2{margin-bottom:4px;font-size:1.5rem;font-weight:700}.welcome-banner p{opacity:.85;font-size:.95rem}.page-header{margin-bottom:24px}.page-header__title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.75rem;font-weight:800}.page-header__subtitle{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.pagination{justify-content:center;align-items:center;gap:4px;padding:16px;display:flex}.pagination__btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.pagination__btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.pagination__btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-page{min-height:calc(100vh - var(--navbar-height));flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){.sidebar{z-index:999;box-shadow:var(--shadow-xl);transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{inset:0;top:var(--navbar-height);z-index:998;background:#0006;display:none;position:fixed}.sidebar-overlay--visible{display:block}.main-content{margin-left:0}}@media (max-width:768px){.main-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.form-grid{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:stretch}.table-search{min-width:auto}.welcome-banner{padding:24px}.welcome-banner h2{font-size:1.25rem}.page-header__title{font-size:1.4rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.navbar{padding:0 16px}.stat-card{padding:16px}.stat-card__value{font-size:1.5rem}}.login-page{background:var(--bg-body);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,var(--color-primary-glow),transparent 70%);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:-20%;left:-10%}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#e8439326,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-20%;right:-10%}.login-card{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);z-index:1;padding:48px 40px;position:relative}.login-card__logo{text-align:center;margin-bottom:32px}.login-card__logo h1{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.login-card__logo p{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.theme-toggle{color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff26;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-toggle:hover{background:#ffffff40;transform:rotate(15deg)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 24px}.empty-state svg{opacity:.4;width:64px;height:64px;margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:1.1rem;font-weight:600}.empty-state p{font-size:.875rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.w-full{width:100%}.hidden{display:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media print{.navbar,.sidebar,.sidebar-overlay,.no-print{display:none!important}.main-content{margin:0!important;padding:0!important}body{color:#000!important;background:#fff!important}.card{box-shadow:none!important;border:none!important}table th{color:#000!important;background:#e0e0e0!important}table td{border-color:#ddd!important}}