@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #4ECBA0;--teal-light: #E4F8F1;--teal-dark: #2E9E78;--teal-mid: #7DDEC0;--teal-glow: rgba(78,203,160,.18);--amber: #F6B84B;--amber-light: #FEF5E0;--amber-dark: #C47F10;--red: #F28B82;--red-light: #FDECEA;--red-dark: #C5372C;--blue: #74B3F0;--blue-light: #E8F2FD;--blue-dark: #1A6CBF;--lavender: #B39DDB;--lavender-light: #EDE7F6;--peach: #F4A26B;--peach-light: #FEF0E6;--bg: #F5F3EF;--surface: #FFFFFF;--surface-2: #FAF9F7;--surface-3: #F0EDE8;--border: rgba(0,0,0,.06);--border-md: rgba(0,0,0,.1);--border-lg: rgba(0,0,0,.15);--text: #2D2D2D;--text-2: #6B6860;--text-3: #B0ADA7;--font: "Inter", sans-serif;--mono: "JetBrains Mono", monospace;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow: 0 2px 8px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05)}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}.layout{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem .875rem;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{display:flex;align-items:center;gap:10px;margin-bottom:2rem;padding:0 .5rem}.logo-mark{width:34px;height:34px;background:linear-gradient(135deg,var(--teal) 0%,#2FBFA0 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #4ecba059}.logo-mark svg{width:18px;height:18px;fill:#fff}.logo-name{font-size:17px;font-weight:700;letter-spacing:-.4px;color:var(--text)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);font-size:13.5px;font-weight:400;color:var(--text-2);transition:all .15s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative}.nav-item svg{width:16px;height:16px;opacity:.45;flex-shrink:0;transition:opacity .15s}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item:hover svg{opacity:.7}.nav-item.active{background:var(--teal-light);color:var(--teal-dark);font-weight:600}.nav-item.active svg{opacity:1}.nav-item.active:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;background:var(--teal);border-radius:0 4px 4px 0}.nav-section{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.09em;font-weight:600;padding:1.25rem 12px .5rem}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:1rem}.main{flex:1;overflow-x:hidden}.page-header{padding:2rem 2rem 0;margin-bottom:1.5rem}.page-title{font-size:26px;font-weight:700;letter-spacing:-.6px;margin-bottom:4px;color:var(--text)}.page-sub{font-size:14px;color:var(--text-2)}.content{padding:0 2rem 3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border-md);background:var(--surface);color:var(--text-2);transition:all .15s ease;white-space:nowrap}.btn:hover{background:var(--surface-3);border-color:var(--border-lg);color:var(--text);transform:translateY(-1px);box-shadow:0 3px 10px #00000012}.btn:active{transform:scale(.97);box-shadow:none}.btn svg{width:15px;height:15px}.btn-primary{background:var(--teal);color:#fff;border-color:transparent;box-shadow:0 3px 12px #4ecba059}.btn-primary:hover{background:var(--teal-dark);box-shadow:0 5px 18px #4ecba066;color:#fff}.btn-sm{font-size:12px;padding:5px 12px;border-radius:9px}.btn-icon{padding:7px;border-radius:10px}.field{margin-bottom:1rem}.label{display:block;font-size:11.5px;color:var(--text-2);margin-bottom:6px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.input{width:100%;padding:10px 13px;border:1.5px solid var(--border-md);border-radius:var(--radius);font-size:14px;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow)}select.input{cursor:pointer}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.02em}.badge-green{background:var(--teal-light);color:var(--teal-dark)}.badge-amber{background:var(--amber-light);color:var(--amber-dark)}.badge-red{background:var(--red-light);color:var(--red-dark)}.badge-blue{background:var(--blue-light);color:var(--blue-dark)}.badge-gray{background:var(--surface-3);color:var(--text-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.375rem;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal-light),var(--teal-mid),transparent);border-radius:18px 18px 0 0}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-num{font-size:32px;font-weight:300;letter-spacing:-1.5px;color:var(--text);line-height:1.1}.stat-lbl{font-size:12px;color:var(--text-2);margin-top:4px;font-weight:500}.stat-num.green{color:var(--teal-dark)}.stat-num.amber{color:var(--amber-dark)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s cubic-bezier(.22,1,.36,1) forwards}.fade-up-1{animation-delay:.04s;opacity:0}.fade-up-2{animation-delay:.09s;opacity:0}.fade-up-3{animation-delay:.14s;opacity:0}.fade-up-4{animation-delay:.19s;opacity:0}.fade-up-5{animation-delay:.24s;opacity:0}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.mono{font-family:var(--mono);font-size:12px}.empty{text-align:center;padding:3.5rem 1rem;color:var(--text-3);font-size:14px}.spinner{width:20px;height:20px;border:2px solid var(--border-md);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-header{display:none;position:sticky;top:0;z-index:100;height:56px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 1rem;align-items:center;justify-content:space-between;flex-shrink:0}.burger-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;border:none;background:none;cursor:pointer;border-radius:10px;padding:6px;transition:background .12s}.burger-btn:hover{background:var(--surface-3)}.burger-btn span{display:block;height:2px;background:var(--text-2);border-radius:2px;transition:transform .22s,opacity .22s;transform-origin:center}.burger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.burger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:149;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.layout{flex-direction:column}.mobile-header{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:150;width:260px;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.sidebar-open{transform:translate(0);box-shadow:8px 0 32px #0000001f}.sidebar-overlay{display:block}.main{width:100%}.page-header{padding-top:1.25rem;padding-left:1rem;padding-right:1rem}.content{padding-left:1rem;padding-right:1rem}}