@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #0F6E56;--primary-light: #1D9E75;--primary-glow: rgba(15,110,86,.35);--primary-bg: #E1F5EE;--purple: #7F77DD;--purple-dark: #534AB7;--purple-glow: rgba(127,119,221,.35);--orange: #f97316;--orange-glow: rgba(249,115,22,.35);--red: #e74c3c;--yellow: #f59e0b;--blue: #3b82f6;--bg-page: #f0f2f8;--bg-white: #ffffff;--bg-surface: #f8f9fe;--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: rgba(0,0,0,.06);--border-medium: rgba(0,0,0,.1);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.12);--shadow-xl: 0 20px 60px rgba(0,0,0,.15);--shadow-primary: 0 4px 20px rgba(15,110,86,.4);--shadow-purple: 0 4px 20px rgba(127,119,221,.4);--shadow-orange: 0 4px 20px rgba(249,115,22,.4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-width: 72px;--topbar-height: 64px;--right-panel-width: 300px;--color-primary: #0F6E56;--color-primary-dark: #085041;--color-primary-light: #1D9E75;--color-primary-border: #5DCAA5;--color-bg-base: #ffffff;--color-bg-subtle: #f0f2f8;--color-bg-surface: #f8f9fe;--color-text-primary: #1a1a2e;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-border-subtle: rgba(0,0,0,.06);--color-border-default: rgba(0,0,0,.1);--color-border-strong: rgba(0,0,0,.2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:linear-gradient(135deg,#f5f0ff,#f0f4ff,#f0fff8);background-attachment:fixed;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:99px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:var(--font-sans);font-weight:600;transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.97) translateY(1px)!important}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#0f6e56,#1d9e75);color:#fff;border-radius:var(--radius-md);padding:10px 20px;font-size:13px;box-shadow:0 4px 15px var(--primary-glow),0 1px #fff3 inset,0 -2px #00000026 inset}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow),0 1px #ffffff40 inset,0 -2px #00000026 inset}.btn-secondary{background:var(--bg-white);color:var(--text-primary);border-radius:var(--radius-md);padding:10px 20px;font-size:13px;border:1px solid var(--border-medium);font-weight:500;box-shadow:0 2px 8px #0000000f,0 1px #ffffffe6 inset}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000001a;border-color:#00000026}.btn-dark{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;border-radius:var(--radius-md);padding:10px 20px;font-size:13px;box-shadow:0 4px 15px #0000004d,0 1px #ffffff14 inset}.btn-dark:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0006}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-radius:var(--radius-md);padding:10px 20px;font-size:13px;box-shadow:0 4px 15px #dc262659,0 1px #ffffff26 inset}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262673}.btn-ghost{background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);padding:10px 20px;font-size:13px;font-weight:500}.btn-ghost:hover{background:#0000000a;color:var(--text-primary)}.btn-purple{background:linear-gradient(135deg,#534ab7,#7f77dd);color:#fff;border-radius:var(--radius-md);padding:10px 20px;font-size:13px;box-shadow:0 4px 15px var(--purple-glow),0 1px #fff3 inset}.btn-purple:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--purple-glow)}.btn-outline{background:transparent;color:var(--primary);border-radius:var(--radius-md);padding:10px 20px;font-size:13px;font-weight:500;border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary-bg)}.btn-sm{padding:7px 14px!important;font-size:12px!important;border-radius:var(--radius-sm)!important}.btn-xs{padding:5px 10px!important;font-size:11px!important;border-radius:6px!important}.btn-xl{padding:16px 40px!important;font-size:16px!important;border-radius:var(--radius-lg)!important}.card{background:var(--bg-white);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:all .25s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-sm{border-radius:var(--radius-lg);padding:16px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.badge-green{background:#d1fae5;color:#065f46}.badge-yellow{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1e40af}.badge-purple{background:#ede9fe;color:#5b21b6}.badge-gray{background:#f3f4f6;color:#374151}.badge-orange{background:#ffedd5;color:#9a3412}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-au{background:#e1f5ee;color:#085041}.icon-box{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.icon-box-sm{width:36px;height:36px;border-radius:var(--radius-sm)}.icon-box-md{width:44px;height:44px;border-radius:var(--radius-md)}.icon-box-lg{width:52px;height:52px;border-radius:var(--radius-lg)}.icon-green{background:linear-gradient(135deg,#0f6e56,#1d9e75);box-shadow:0 6px 16px var(--primary-glow)}.icon-purple{background:linear-gradient(135deg,#534ab7,#7f77dd);box-shadow:0 6px 16px var(--purple-glow)}.icon-orange{background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 6px 16px var(--orange-glow)}.icon-red{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 6px 16px #dc262659}.icon-blue{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 16px #2563eb59}.icon-yellow{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 6px 16px #d9770659}.icon-pink{background:linear-gradient(135deg,#db2777,#ec4899);box-shadow:0 6px 16px #db277759}.icon-teal{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 6px 16px #0891b259}.icon-dark{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 6px 16px #0000004d}.icon-white{background:#fff3;border:1px solid rgba(255,255,255,.3)}.card-chip{border-radius:18px;padding:20px;color:#fff;position:relative;overflow:hidden;transition:transform .2s ease}.card-chip:hover{transform:scale(1.02)}.card-chip:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:#ffffff1a}.card-chip:after{content:"";position:absolute;bottom:-20px;left:-20px;width:80px;height:80px;border-radius:50%;background:#ffffff12}.chip-green{background:linear-gradient(135deg,#0f6e56,#1d9e75 60%,#5dcaa5)}.chip-dark{background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460)}.chip-purple{background:linear-gradient(135deg,#534ab7,#7f77dd)}.chip-blue{background:linear-gradient(135deg,#1e40af,#3b82f6)}.chip-orange{background:linear-gradient(135deg,#c2410c,#f97316)}.metric-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-md);border:1px solid var(--border);position:relative;overflow:hidden;transition:all .25s ease;cursor:default}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.metric-card:after{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;opacity:.06}.mc-green:after{background:#0f6e56}.mc-purple:after{background:#7f77dd}.mc-orange:after{background:#f97316}.mc-red:after{background:#e74c3c}.mc-blue:after{background:#3b82f6}.metric-value{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-1px;margin:8px 0 6px}.metric-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.metric-trend{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.trend-up{color:#0f6e56}.trend-dn{color:#e74c3c}.trend-neutral{color:var(--text-muted)}.input{width:100%;padding:10px 14px;border:1.5px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;color:var(--text-primary);background:var(--bg-white);transition:all .15s;outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f6e561f}.input-with-icon{padding-left:38px}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:700;flex-shrink:0;font-size:13px}.av-sm{width:32px;height:32px;font-size:11px;border-radius:var(--radius-sm)}.av-md{width:40px;height:40px;border-radius:var(--radius-md)}.av-lg{width:48px;height:48px;border-radius:var(--radius-lg)}.av-xl{width:56px;height:56px;border-radius:var(--radius-lg);font-size:18px}.av-round{border-radius:50%}.progress-track{height:6px;background:var(--bg-surface);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .4s ease}.toggle-track{width:44px;height:24px;border-radius:99px;background:#e5e7eb;cursor:pointer;position:relative;transition:background .2s;border:none}.toggle-track.on{background:var(--primary);box-shadow:0 2px 8px var(--primary-glow)}.toggle-thumb{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px #0003;pointer-events:none}.toggle-track.on .toggle-thumb{transform:translate(20px)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.section-action{font-size:12px;color:var(--primary);font-weight:600;cursor:pointer;border:none;background:none;display:flex;align-items:center;gap:4px}.section-action:hover{text-decoration:underline}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 16px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;background:var(--bg-surface);border-bottom:1px solid var(--border)}.data-table td{padding:13px 16px;font-size:13px;border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafbff}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s ease}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monospace{font-family:var(--font-mono)}.blur-sm{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}