@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--teal-900:#0c1f2e;--teal-800:#0f2d40;--teal-700:#134e68;--teal-600:#0e6d8e;--teal-500:#0891b2;--teal-400:#22b8d4;--teal-300:#67ddef;--teal-100:#e0f7fa;--teal-50:#f0fbfd;--slate-900:#0c1a2e;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#ffffff;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--sidebar-w:260px;--header-h:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 10px 30px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);--shadow-teal:0 4px 20px rgba(8,145,178,.25);--font-body:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:.9375rem;line-height:1.6;color:var(--slate-800);background:var(--slate-50);-webkit-font-smoothing:antialiased}a{color:var(--teal-500);text-decoration:none}a:hover{color:var(--teal-600)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:600;line-height:1.3;color:var(--slate-900)}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}.text-muted{color:var(--slate-500)}.text-small{font-size:.8125rem}.text-mono{font-family:var(--font-mono)}.text-teal{color:var(--teal-500)}.text-success{color:var(--success)}.text-error{color:var(--error)}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);padding:1.5rem}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--slate-100)}.card__title{font-size:1rem;font-weight:600;color:var(--slate-800)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;font-weight:500;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--teal-500);color:var(--white)}.btn--primary:hover:not(:disabled){background:var(--teal-600);box-shadow:var(--shadow-teal);transform:translateY(-1px)}.btn--secondary{background:var(--white);color:var(--slate-700);border:1px solid var(--slate-200)}.btn--secondary:hover:not(:disabled){background:var(--slate-50);border-color:var(--slate-300)}.btn--danger{background:#fef2f2;color:var(--error);border:1px solid #fecaca}.btn--ghost{background:transparent;color:var(--teal-500)}.btn--ghost:hover:not(:disabled){background:var(--teal-50)}.btn--sm{padding:.375rem .875rem;font-size:.875rem}.btn--lg{padding:.875rem 1.75rem;font-size:1rem}.btn--full{width:100%;justify-content:center}.btn--loading{position:relative;color:transparent!important;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.25rem}.form-label{font-size:.875rem;font-weight:500;color:var(--slate-700)}.form-control{width:100%;padding:.625rem .875rem;border:1.5px solid var(--slate-200);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;color:var(--slate-800);background:var(--white);transition:border-color .15s,box-shadow .15s;outline:none}.form-control::placeholder{color:var(--slate-400)}.form-control:focus{border-color:var(--teal-400);box-shadow:0 0 0 3px #0891b21f}.form-control--error{border-color:var(--error)}.form-hint{font-size:.8125rem;color:var(--slate-500)}.form-error{font-size:.8125rem;color:var(--error);display:flex;align-items:center;gap:.25rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge--teal{background:var(--teal-100);color:var(--teal-700)}.badge--success{background:#d1fae5;color:#065f46}.badge--warning{background:#fef3c7;color:#92400e}.badge--error{background:#fee2e2;color:#991b1b}.badge--neutral{background:var(--slate-100);color:var(--slate-600)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--slate-200)}table.data-table{width:100%;border-collapse:collapse;font-size:.9rem}table.data-table thead tr{background:var(--slate-50)}table.data-table thead th{padding:.75rem 1rem;text-align:left;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);border-bottom:1px solid var(--slate-200);white-space:nowrap}table.data-table tbody tr{border-bottom:1px solid var(--slate-100);transition:background .1s}table.data-table tbody tr:last-child{border-bottom:none}table.data-table tbody tr:hover{background:var(--teal-50)}table.data-table tbody td{padding:.875rem 1rem;color:var(--slate-700);vertical-align:middle}.stat-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0;background:var(--teal-100);color:var(--teal-600)}.stat-card__value{font-size:1.75rem;font-weight:700;color:var(--slate-900);line-height:1}.stat-card__label{font-size:.875rem;color:var(--slate-500);margin-top:.25rem}.alert{padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;display:flex;align-items:flex-start;gap:.75rem;border:1px solid transparent}.alert--info{background:var(--teal-50);border-color:var(--teal-200);color:var(--teal-800)}.alert--success{background:#f0fdf4;border-color:#bbf7d0;color:#14532d}.alert--warning{background:#fffbeb;border-color:#fde68a;color:#78350f}.alert--error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.divider{height:1px;background:var(--slate-200);margin:1.5rem 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fadeInUp{animation:fadeInUp .4s ease both}.animate-fadeIn{animation:fadeIn .3s ease both}.skeleton{background:linear-gradient(90deg,var(--slate-200) 25%,var(--slate-100) 50%,var(--slate-200) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}