@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--brand-primary: #D8F35A;--brand-secondary: #57C6AE;--brand-dark: #0F0F0F;--bg-main: #F7F9FB;--bg-sidebar: #0B0B0B;--bg-card: #FFFFFF;--text-primary: #111111;--text-secondary: #6B7280;--text-light: #FFFFFF;--border-soft: #E5E7EB;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-soft: 0 6px 20px rgba(0, 0, 0, .06);--shadow-card: 0 10px 30px rgba(0, 0, 0, .08);--shadow-sidebar: 0 18px 32px rgba(0, 0, 0, .3);--shadow-card-hover: 0 16px 34px rgba(0, 0, 0, .12);--sidebar-width: 260px;--font-main: "Inter", system-ui, sans-serif;--transition-fast: .2s ease;--muted: var(--text-secondary);--font-display: var(--font-main);--ink: var(--text-primary);--ink-contrast: var(--text-light);--accent: var(--brand-primary);--text-sidebar: #F5F7FA;--bg-soft: #F3F4F6;--bg-soft-alt: #F2F4F7;--bg-row: #F3F5F8;--border-soft-12: rgba(148, 163, 184, .12);--border-soft-18: rgba(148, 163, 184, .18);--border-soft-20: rgba(148, 163, 184, .2);--border-white-12: rgba(255, 255, 255, .12);--border-white-06: rgba(255, 255, 255, .06);--sidebar-hover: rgba(255, 255, 255, .14);--sidebar-active-bg: rgba(216, 243, 90, .24);--sidebar-active-ring: rgba(216, 243, 90, .6);--sidebar-icon-bg: rgba(216, 243, 90, .12);--sidebar-icon-bg-active: rgba(216, 243, 90, .28);--brand-primary-soft: #F8FFB8;--brand-secondary-soft: rgba(87, 198, 174, .2);--brand-secondary-40: rgba(87, 198, 174, .4);--brand-secondary-strong: #1B7F6C;--hero-gradient: linear-gradient(120deg, rgba(216, 243, 90, .18), rgba(247, 249, 251, .9));--hero-border: rgba(216, 243, 90, .3);--highlight-gradient: linear-gradient(135deg, rgba(216, 243, 90, .24) 0%, rgba(87, 198, 174, .18) 100%);--highlight-border: rgba(216, 243, 90, .4);--focus-border: rgba(87, 198, 174, .8);--focus-ring: 0 0 0 3px rgba(87, 198, 174, .2);--overlay-dark: rgba(15, 15, 15, .55);--danger-border: rgba(216, 64, 64, .3);--danger-text: #C2410C;font-family:var(--font-main);color:var(--text-primary);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.dashboard-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0000001f}.dashboard-pill{padding:4px 12px;border-radius:999px;font-size:.8rem;background:#57c6ae33;color:#1b7f6c}.dashboard-muted{color:var(--text-secondary)}.dashboard-grid{display:grid;gap:16px}.field{position:relative;display:flex;flex-direction:column;gap:0;padding:18px 12px 10px;min-height:56px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-card);font-weight:600}.field>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);padding:0 4px;font-size:.9rem;color:var(--text-secondary);background:var(--bg-card);transition:transform var(--transition-fast),top var(--transition-fast),font-size var(--transition-fast);pointer-events:none}.field input,.field select,.field textarea,.form-card .field input,.form-card .field select,.form-card .field textarea{border:none;background:transparent;padding:10px 0 0;color:var(--text-primary);font:inherit;width:100%}.field input::placeholder,.field textarea::placeholder{color:transparent}.field input:focus,.field select:focus,.field textarea:focus,.form-card .field input:focus,.form-card .field select:focus,.form-card .field textarea:focus{outline:none}.field:focus-within{border-color:var(--focus-border);box-shadow:var(--focus-ring)}.field:focus-within>span,.field:has(input:not(:placeholder-shown))>span,.field:has(textarea:not(:placeholder-shown))>span,.field:has(select:valid)>span,.field.file-field>span{top:6px;font-size:.7rem;transform:translateY(0)}.field textarea{resize:vertical;min-height:96px}.field.textarea{gap:0}.field input[type=file]{padding:8px 10px;background:var(--bg-soft);border:1px dashed var(--brand-secondary-40);border-radius:var(--radius-sm)}.field input[type=file]::file-selector-button{border:none;background:var(--brand-secondary-soft);color:var(--brand-secondary-strong);padding:8px 12px;border-radius:var(--radius-sm);font-weight:600;margin-right:12px;cursor:pointer}.field-action .inline-action{position:absolute;right:10px;top:8px;border:none;background:var(--bg-soft);color:var(--text-primary);padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer}.field-action{padding-right:90px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg-main);color:var(--text-primary)}a{color:inherit}button,input,select{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:linear-gradient(135deg,#ecfccb,#e2f2ff 45%,#f8fafc)}.login-visual,.login-form{padding:48px;display:flex;align-items:center;justify-content:center}.visual-card{max-width:440px;display:flex;flex-direction:column;gap:18px}.badge{align-self:flex-start;background:#16a34a26;color:#15803d;padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600}.visual-card h1{font-family:var(--font-display);font-size:2.3rem;line-height:1.1}.visual-card p{color:var(--muted);font-size:1.05rem}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#fff;padding:16px;border-radius:16px;box-shadow:var(--shadow-soft)}.metric-label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}.metric-value{font-family:var(--font-display);font-size:1.4rem}.login-form{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-card{width:min(420px,100%);background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-strong);display:flex;flex-direction:column;gap:18px}.form-card h2{font-family:var(--font-display);font-size:1.7rem;margin-bottom:6px}.form-card p{color:var(--muted)}.field{display:flex;flex-direction:column;gap:8px;font-weight:500}.field input,.field select{padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-size:.95rem}.field input:focus,.field select:focus{outline:2px solid rgba(22,163,74,.35);border-color:#16a34a}.error-box{background:#dc26261f;color:#b91c1c;padding:10px 12px;border-radius:10px;font-size:.9rem}.helper{font-size:.8rem;color:var(--muted);text-align:center}@media (max-width: 960px){.login-shell{grid-template-columns:1fr}.login-visual,.login-form{padding:32px 24px}.visual-card h1{font-size:2rem}}.primary-btn{background:var(--brand-primary);color:var(--brand-dark);border:none;padding:12px 18px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #d8f35a59}.primary-btn:disabled{cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}.ghost-btn{background:transparent;border:1px solid var(--border-soft);padding:10px 14px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;color:var(--text-primary);transition:border-color var(--transition-fast),background var(--transition-fast)}.ghost-btn:hover{border-color:#1113;background:#11111108}.ghost-btn:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100vh;background:var(--bg-main);padding:0}.panel-error{max-width:540px;margin:120px auto;padding:32px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border-soft);box-shadow:var(--shadow-card);text-align:center}.panel-error h3{margin-bottom:12px;font-size:1.4rem}.panel-loading{max-width:540px;margin:120px auto;padding:24px;text-align:center;color:var(--text-secondary)}
