@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{color:#e2e8f0;background-color:#020617;font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#020617;background-image:radial-gradient(circle at 12% 20%,#6366f138,#0000 26%),radial-gradient(circle at 85% 15%,#a855f738,#0000 24%),radial-gradient(circle at 80% 80%,#14b8a629,#0000 22%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-width:320px;min-height:100vh;display:flex;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(80px);opacity:.45;position:fixed;inset:auto}body:before{background:#818cf842;width:320px;height:320px;top:8%;left:-80px}body:after{background:#a855f733;width:360px;height:360px;bottom:6%;right:-100px}#root{z-index:1;flex-direction:column;width:100%;display:flex;position:relative}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(36px);z-index:10;background:linear-gradient(#050814fa,#080d1ad9);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;align-self:flex-start;width:290px;height:100vh;padding:2rem 1.2rem;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:16px 0 44px #02061780}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#818cf82e,#0000 70%);width:220px;height:220px;position:absolute;inset:auto -40px -80px auto}.sidebar h2{background:linear-gradient(90deg,#fff 0%,#cbd5e1 60%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:1.4rem;font-weight:800}.nav-item{color:#94a3b8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;border-radius:14px;align-items:center;margin-bottom:.55rem;padding:.95rem 1rem;font-weight:600;transition:all .25s;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";opacity:0;background:linear-gradient(90deg,#818cf829,#0000);transition:opacity .2s;position:absolute;inset:0}.nav-item:hover{color:#f8fafc;background:#ffffff09;transform:translate(4px)translateY(-2px);box-shadow:0 12px 32px #0f172a42}.nav-item:hover:before{opacity:1}.nav-item.active{color:#f5e8ff;background:linear-gradient(90deg,#a855f733,#3b82f61f);border:1px solid #a855f73d;box-shadow:0 14px 34px #818cf829,inset 4px 0 #a855f7}.main-content{flex:1;padding:2.2rem 2.4rem 3rem;animation:.6s ease-out fadeIn;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-panel{-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#090f1bcc,#0d1421ad);border:1px solid #ffffff1a;border-radius:28px;padding:2rem 2.2rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 30px 60px -16px #0009,inset 0 1px #ffffff1a}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#a855f721,#0000 34%,#3b82f61f 68%,#0000 100%);position:absolute;inset:0}.panel-3d{transform:perspective(1400px)rotateX(0);box-shadow:0 18px 45px #02061773,inset 0 0 0 1px #ffffff0d}.auth-card{padding:1.4rem 1.5rem 1.6rem}.hero-strip{background:linear-gradient(135deg,#fff1,#6366f11f);border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:.95rem 1.05rem 1.05rem;display:flex;box-shadow:inset 0 1px #ffffff14}.hero-kicker{text-transform:uppercase;letter-spacing:.18em;color:#8b5cf6;margin-bottom:.2rem;font-size:.72rem;font-weight:700}.hero-subtitle{color:#cbd5e1;font-size:.95rem}.hero-pills{flex-wrap:wrap;gap:.5rem;display:flex}.hero-pill{color:#cbd5e1;background:#0f172ab8;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.3rem;padding:.45rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.hero-pill.live{color:#6ee7b7;background:#10b98129;border-color:#10b98142}.hero-pill.live:before{content:"";background:#34d399;border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite livePulse;display:inline-block;box-shadow:0 0 #34d399b3}@keyframes livePulse{0%{box-shadow:0 0 #34d399b3}70%{box-shadow:0 0 0 10px #34d39900}to{box-shadow:0 0 #34d39900}}.hero-pill.refresh{color:#cbd5e1;font-variant-numeric:tabular-nums;background:#6366f124;border-color:#6366f147}.stat-card.just-changed{animation:1.2s ease-out statFlash}@keyframes statFlash{0%{background:linear-gradient(135deg,#818cf838,#a855f71f);box-shadow:0 0 #818cf800}to{background:linear-gradient(135deg,#ffffff0d,#ffffff06);box-shadow:0 0 #818cf800}}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 55%,#22d3ee 100%);border:none;border-radius:12px;outline:none;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 24px #4f46e547}.btn:hover{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 55%,#38bdf8 100%);transform:translateY(-2px);box-shadow:0 14px 30px #4f46e561}.btn-sm{border-radius:10px;padding:.5rem 1rem;font-size:.85rem;box-shadow:0 4px 12px #4f46e529}.btn-danger{color:#f87171;box-shadow:none;background:#ef44441f;border:1px solid #ef444433}.btn-danger:hover{color:#fca5a5;background:#ef444433}.input-field{color:#f8fafc;background:#080c18eb;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;margin-bottom:1.25rem;padding:.875rem 1.25rem;font-family:inherit;transition:all .25s}.input-field:focus{background:#111827f2;border-color:#818cf8;box-shadow:0 0 0 3px #818cf82e}table{border-collapse:separate;border-spacing:0 .5rem;width:100%;margin-top:1.5rem}th,td{text-align:left;padding:1.05rem 1rem}th{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #ffffff0f;padding-bottom:.5rem;font-size:.72rem;font-weight:600}td{background:#ffffff06;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08}td:first-child{border-left:1px solid #ffffff08;border-top-left-radius:12px;border-bottom-left-radius:12px}td:last-child{border-right:1px solid #ffffff08;border-top-right-radius:12px;border-bottom-right-radius:12px}tbody tr{transition:transform .2s,box-shadow .2s}tbody tr:hover td{background:#ffffff0e;box-shadow:inset 0 1px #ffffff0d}.header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.2rem;display:flex}.header h1{letter-spacing:-.02em;font-size:2rem;font-weight:800}.header p{color:#64748b;margin-top:.25rem;font-weight:500}.badge-green{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.badge-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:linear-gradient(135deg,#ffffff0d,#ffffff06);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:.45rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #ffffff0d}.stat-card:hover{background:linear-gradient(135deg,#ffffff12,#ffffff08);transform:translateY(-4px)scale(1.01);box-shadow:0 14px 28px #0206173d}.stat-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.stat-value{font-size:2.2rem;font-weight:800;line-height:1}.toast-stack{z-index:1100;pointer-events:none;flex-direction:column;gap:.6rem;display:flex;position:fixed;top:1.25rem;right:1.25rem}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(20px);color:#f8fafc;background:#0f172af2;border:1px solid #ffffff1a;border-radius:14px;align-items:flex-start;gap:.7rem;min-width:280px;max-width:380px;padding:.85rem 1rem;font-size:.9rem;font-weight:500;animation:.25s cubic-bezier(.4,0,.2,1) toastIn;display:flex;box-shadow:0 18px 40px #00000073}.toast .toast-icon{flex-shrink:0;font-size:1.15rem;line-height:1}.toast .toast-close{color:#64748b;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:1.1rem;line-height:1}.toast .toast-close:hover{color:#f8fafc}.toast.success{border-color:#10b98159}.toast.success .toast-icon{color:#34d399}.toast.error{border-color:#ef444466}.toast.error .toast-icon{color:#f87171}.toast.warn{border-color:#f59e0b66}.toast.warn .toast-icon{color:#fbbf24}.toast.info{border-color:#6366f166}.toast.info .toast-icon{color:#818cf8}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1050;background:#020617b3;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:linear-gradient(145deg,#0f172af5,#141c30eb);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:460px;padding:1.5rem 1.6rem 1.4rem;box-shadow:0 30px 60px #0000008c,inset 0 1px #ffffff14}.modal-title{color:#f8fafc;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:1.15rem;font-weight:700;display:flex}.modal-message{color:#cbd5e1;white-space:pre-wrap;margin-bottom:1.2rem;font-size:.92rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:.6rem;display:flex}.modal-actions .btn{padding:.6rem 1.2rem;font-size:.9rem}.modal-card.danger .modal-title{color:#fca5a5}.search-bar{max-width:420px;margin-bottom:1.2rem;position:relative}.search-bar input{color:#f8fafc;background:#080c18d9;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:.65rem .9rem .65rem 2.4rem;font-family:inherit;font-size:.9rem;transition:all .2s}.search-bar input:focus{background:#111827f2;border-color:#818cf8;box-shadow:0 0 0 3px #818cf82e}.search-bar .search-icon{color:#64748b;pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-bar .search-count{color:#64748b;font-variant-numeric:tabular-nums;font-size:.78rem;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.6rem;display:grid}.action-card{cursor:pointer;background:linear-gradient(135deg,#ffffff0a,#ffffff04);border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:.8rem;padding:1.1rem 1.2rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.action-card:hover{border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 16px 32px #02061747}.action-card.urgent{background:linear-gradient(135deg,#f59e0b2e,#ef44441a);border-color:#f59e0b59}.action-card.calm{background:linear-gradient(135deg,#10b98124,#6366f114);border-color:#10b98147}.action-card .ac-title{color:#cbd5e1;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.35rem;font-size:.78rem;font-weight:700}.action-card .ac-value{color:#f8fafc;font-size:1.6rem;font-weight:800;line-height:1}.action-card.urgent .ac-value{color:#fbbf24}.action-card.calm .ac-value{color:#34d399}.action-card .ac-cta{opacity:.6;font-size:1.4rem}.recent-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.recent-card{background:linear-gradient(135deg,#ffffff0a,#ffffff04);border:1px solid #ffffff14;border-radius:16px;padding:1.1rem 1.2rem}.recent-card h3{color:#cbd5e1;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin:0 0 .85rem;font-size:.9rem;font-weight:700;display:flex}.recent-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.55rem 0;font-size:.88rem;display:flex}.recent-row:last-child{border-bottom:none}.recent-row .rr-label{color:#cbd5e1}.recent-row .rr-meta{color:#64748b;font-size:.78rem}.recent-row .rr-amount{color:#f8fafc;font-variant-numeric:tabular-nums;font-weight:700}.recent-row .rr-amount.pos{color:#34d399}.recent-row .rr-amount.neg{color:#fbbf24}.recent-empty{color:#64748b;text-align:center;padding:.8rem 0;font-size:.85rem}.status-chip{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.status-chip.pending{color:#fbbf24;background:#f59e0b29;border-color:#f59e0b4d}.status-chip.approved{color:#34d399;background:#10b98129;border-color:#10b9814d}.status-chip.rejected{color:#cbd5e1;background:#94a3b829;border-color:#94a3b84d}.status-chip.scam{color:#f87171;background:#ef444429;border-color:#ef44444d}.sidebar-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:.7rem;margin-bottom:1rem;padding:.25rem .5rem 1.25rem;display:flex}.sidebar-brand .brand-logo{object-fit:contain;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;width:38px;height:38px;padding:4px}.sidebar-brand .brand-text{flex-direction:column;min-width:0;display:flex}.sidebar-brand .brand-name{color:#f8fafc;letter-spacing:-.01em;font-size:.95rem;font-weight:800;line-height:1}.sidebar-brand .brand-tag{color:#a855f7;letter-spacing:.16em;text-transform:uppercase;margin-top:.25rem;font-size:.65rem;font-weight:700}.sidebar-admin{background:#ffffff06;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1.2rem;padding:.55rem .7rem;display:flex}.sidebar-admin .admin-avatar{color:#fff;background:linear-gradient(135deg,#818cf8,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:800;display:flex}.sidebar-admin .admin-meta{flex:1;min-width:0}.sidebar-admin .admin-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:700}.sidebar-admin .admin-email{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.nav-section{flex-direction:column;margin-bottom:.4rem;display:flex}.nav-section-label{letter-spacing:.18em;text-transform:uppercase;color:#475569;padding:.8rem .65rem .4rem;font-size:.62rem;font-weight:700}.nav-item .nav-icon{justify-content:center;align-items:center;width:22px;height:22px;margin-right:12px;font-size:1rem;display:inline-flex}.nav-item .nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:12px;min-width:22px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:800;box-shadow:0 4px 12px #ef44444d}.nav-item .nav-badge.warn{background:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.nav-item .nav-badge.info{background:#6366f1;box-shadow:0 4px 12px #6366f14d}.sidebar-footer{border-top:1px solid #ffffff0d;margin-top:auto;padding-top:1rem}.sidebar-footer .build-meta{color:#475569;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:.4rem .55rem;font-size:.7rem;display:flex}.sidebar-footer .build-meta .status-dot{color:#34d399;align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.sidebar-footer .build-meta .status-dot:before{content:"";background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #34d39926}.invoice-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.2rem;display:flex}.invoice-toolbar .pill{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;padding:.45rem .95rem;font-size:.82rem;font-weight:600;transition:all .2s}.invoice-toolbar .pill:hover{color:#f8fafc;border-color:#ffffff26}.invoice-toolbar .pill.active{color:#f5e8ff;background:linear-gradient(135deg,#a855f740,#3b82f62e);border-color:#a855f766}.invoice-num{color:#818cf8;letter-spacing:.02em;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.78rem}.invoice-action-btn{color:#c7d2fe;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:10px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.invoice-action-btn:hover{color:#e0e7ff;background:#6366f140;transform:translateY(-1px)}