@tailwind base;@tailwind components;@tailwind utilities;@import url("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=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-page:#f0f2f5;--bg-sidebar:#fff;--bg-topbar:#fff;--bg-card:#fff;--bg-card-hover:#f8f9fa;--bg-input:#fff;--bg-input-hover:#f8f9fa;--bg-elevated:#fff;--bg-active:#e8f0fe;--bg-subtle:#f8f9fa;--border:#e1e4e8;--border-strong:#c9cdd2;--border-focus:#1565c0;--border-card:rgba(21,101,192,.12);--text-primary:#1a1d23;--text-secondary:#4a5578;--text-tertiary:#6b7280;--text-disabled:#c9cdd2;--text-active:#1565c0;--text-inverse:#fff;--accent:#1565c0;--accent-hover:#1976d2;--accent-pressed:#0d47a1;--accent-light:#e8f0fe;--accent-subtle:#f3f6fe;--accent-2:#7c3aed;--accent-2-light:#f3f0ff;--hero-bg:#0d2b5e;--hero-glow-a:rgba(21,101,192,.22);--hero-text:#fff;--hero-text-muted:hsla(0,0%,100%,.55);--tab-active-bg:var(--accent-light);--tab-active-color:var(--accent-pressed);--color-success:#00c47a;--color-success-light:#e8fff5;--color-success-muted:#4ade80;--color-success-dark:#166534;--color-success-border:#bbf7d0;--color-success-surface:#dcfce7;--color-danger:#ff4d6a;--color-danger-light:#fff0f3;--color-danger-muted:#ff8fa3;--color-danger-dark:#be123c;--color-danger-surface:#ffe4e6;--color-blue:#1565c0;--color-blue-light:#eef2ff;--color-neutral:#8892b0;--color-neutral-light:#f0f4ff;--color-gold:#f0a500;--color-gold-light:#fffbeb;--color-gold-muted:#ffd166;--color-gold-surface:#fef9ec;--color-gold-dark:#92400e;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.06);--shadow-sm:0 1px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.06);--shadow-lg:0 4px 16px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.06);--shadow-xl:0 8px 24px rgba(0,0,0,.12),0 3px 8px rgba(0,0,0,.06);--shadow-card:0 1px 3px rgba(21,101,192,.06),0 1px 2px rgba(0,0,0,.04);--shadow-card-hover:0 4px 20px rgba(21,101,192,.1),0 2px 6px rgba(21,101,192,.06);--shadow-card-raise:0 0 0 1px var(--border-strong),0 4px 16px rgba(0,0,0,.1);--status-paid-bg:#e6f4ea;--status-paid-color:#137333;--status-paid-border:#a8d5b5;--status-pending-bg:#fef7e0;--status-pending-color:#b06000;--status-pending-border:#f9d971;--status-overdue-bg:#fce8e6;--status-overdue-color:#c5221f;--status-overdue-border:#f5a9a7;--status-canceled-bg:#f1f3f4;--status-canceled-color:#80868b;--status-canceled-border:#dadce0;--status-active-bg:#e6f4ea;--status-active-color:#137333;--status-inactive-bg:#f1f3f4;--status-inactive-color:#80868b;--avatar-a-bg:#e8f0fe;--avatar-a-color:#1565c0;--avatar-b-bg:#e6f4ea;--avatar-b-color:#137333;--avatar-c-bg:#fce8e6;--avatar-c-color:#c5221f;--avatar-d-bg:#fef7e0;--avatar-d-color:#b06000;--avatar-e-bg:#f3f0ff;--avatar-e-color:#6d28d9;--overlay:rgba(0,0,0,.45);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-both:cubic-bezier(0.37,0,0.63,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}code,kbd,pre,samp{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.label-micro{display:block;font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0 0 8px}.skeleton{background:var(--border);border-radius:var(--radius-sm);animation:skeleton-pulse 1.6s ease-in-out infinite}.page-enter{animation:page-enter .22s var(--ease-out) both}.card-enter{animation:card-enter .2s var(--ease-out) both}.dropdown-enter{animation:dropdown-enter .14s var(--ease-out) both;transform-origin:top right}.card-interactive{transition:box-shadow .18s ease,border-color .18s ease;cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-card-hover);border-color:rgba(21,101,192,.22)}.btn-primary{transition:background .12s ease,box-shadow .12s ease}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-pressed)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);text-decoration:none;font-size:13.5px;font-weight:400;color:var(--text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease}.nav-item:hover:not(.active){background:var(--bg-subtle);color:var(--text-primary)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.dd-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:400;color:var(--text-secondary);text-decoration:none;cursor:pointer;width:100%;background:none;border:none;font-family:inherit;transition:background .1s ease,color .1s ease}.dd-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.h-btn{transition:background .12s ease,border-color .12s ease}.h-btn:hover{background:var(--bg-subtle);border-color:var(--border)}.tr-row{transition:background .08s ease}.tr-row:hover td{background:var(--bg-subtle)}.notif-row{transition:background .1s ease;cursor:pointer}.notif-row:hover{background:var(--bg-subtle)}.sidebar-footer-area{transition:background .12s ease;border-radius:var(--radius-md)}.sidebar-footer-area:hover{background:var(--bg-subtle)}.status-badge{gap:4px;padding:3px 8px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;border-width:1px;border-style:solid}.icon-btn,.status-badge{display:inline-flex;align-items:center}.icon-btn{justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;cursor:pointer;color:var(--text-tertiary);transition:background .12s ease,color .12s ease,border-color .12s ease;flex-shrink:0}.icon-btn:hover{background:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border)}.icon-btn.danger:hover{background:var(--status-overdue-bg);color:var(--status-overdue-color);border-color:var(--status-overdue-border)}@media (min-width:960px){.login-brand{display:flex!important}}