@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg-dark:#090d16;--bg-sidebar:#111827f5;--bg-header:#111827d9;--bg-card:#111827c7;--bg-card-hover:#1f293de6;--bg-surface:#162032cc;--border-color:#ffffff1a;--border-glow:#6366f159;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f133;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-purple:#8b5cf6;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dim:#6b7280;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--main-bg-overlay:linear-gradient(135deg, #090d16eb 0%, #0f172ae0 100%);--bg-modal:#0b1120;--bg-modal-header:#0b1120eb;--modal-overlay:#020617f5}[data-theme=light]{--bg-dark:#f8fafc;--bg-sidebar:#fffffff7;--bg-header:#ffffffeb;--bg-card:#ffffffe0;--bg-card-hover:#fff;--bg-surface:#f1f5f9e6;--border-color:#cbd5e1;--border-glow:#6366f133;--text-main:#0f172a;--text-muted:#334155;--text-dim:#64748b;--main-bg-overlay:linear-gradient(135deg, #f8fafceb 0%, #f1f5f9db 100%);--bg-modal:#fff;--bg-modal-header:#f1f5f9;--modal-overlay:#0f172a8c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}main.main-content-area{background-image:var(--main-bg-overlay), url(/cat_app_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:calc(100vh - 76px);transition:background-image .3s;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#2b354f}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);z-index:1;border-radius:16px;position:relative;box-shadow:0 8px 32px #00000014}[data-theme=dark] .glass-panel{background:#111827d1;box-shadow:0 10px 40px #00000073}.glass-panel-glow{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;border:1px solid #6366f159;border-radius:16px;position:relative;box-shadow:0 12px 48px #6366f12e}[data-theme=dark] .glass-panel-glow{background:#111827e0}.gradient-text-primary{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 50%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=dark] .gradient-text-primary{background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{color:#fff;font-weight:600;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-success{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger{color:#e11d48;cursor:pointer;background:#f43f5e1f;border:1px solid #f43f5e4d;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .2s;display:inline-flex}.badge{border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-purple{color:#7c3aed;background:#8b5cf626;border:1px solid #8b5cf64d}[data-theme=dark] .badge-purple{color:#c084fc}.badge-emerald{color:#059669;background:#10b98126;border:1px solid #10b9814d}[data-theme=dark] .badge-emerald{color:#34d399}.badge-amber{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}[data-theme=dark] .badge-amber{color:#fbbf24}.badge-cyan{color:#0891b2;background:#06b6d426;border:1px solid #06b6d44d}[data-theme=dark] .badge-cyan{color:#22d3ee}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:.875rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-body);border-radius:10px;outline:none;padding:10px 14px;font-size:.925rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.custom-table{border-collapse:separate;border-spacing:0 6px;width:100%}.custom-table th{text-transform:uppercase;color:var(--text-dim);text-align:left;padding:12px 16px;font-size:.8rem;font-weight:700}.custom-table td{background:var(--bg-card);color:var(--text-main);padding:14px 16px;font-size:.875rem}.custom-table tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.custom-table tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.custom-table tr:hover td{background:var(--bg-card-hover)}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#94a3b8;border-radius:24px;transition:all .3s;position:absolute;inset:0}[data-theme=dark] .slider{background-color:#374151}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.analysis-top-row{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}@media (width<=1199px){.analysis-top-row{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.analysis-top-row{grid-template-columns:1fr}}.analysis-two-col{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:16px;display:grid}.analysis-two-col>*{min-width:0;overflow:hidden}@media (width<=1199px){.analysis-two-col{grid-template-columns:1fr}}.analysis-rekomendasi-row{grid-template-columns:2.2fr 2.2fr 1.6fr;align-items:stretch;gap:16px;display:grid}@media (width<=1399px){.analysis-rekomendasi-row{grid-template-columns:1fr 1fr}.analysis-rekomendasi-row .analysis-rekomendasi-span{grid-column:1/-1}}@media (width<=767px){.analysis-rekomendasi-row{grid-template-columns:1fr}}