:root{--bg: #f1f5f9;--card: #ffffff;--text: #0f172a;--muted: #64748b;--primary: #6366f1;--border: #e2e8f0;--danger: #ef4444}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}h1{font-size:1.5rem;margin:0 0 1rem}h3{margin:0 0 .75rem;font-size:1rem}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column;padding:1.25rem;position:sticky;top:0;height:100vh}.brand{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.sidebar nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar nav a{color:#cbd5e1;text-decoration:none;padding:.6rem .75rem;border-radius:8px;font-size:.95rem}.sidebar nav a:hover{background:#1e293b}.sidebar nav a.active{background:var(--primary);color:#fff}.sidebar-footer{border-top:1px solid #1e293b;padding-top:1rem;font-size:.85rem}.user-name{font-weight:600}.content{flex:1;padding:1.5rem;max-width:1200px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.kpi{margin-bottom:0}.kpi-value{font-size:1.4rem;font-weight:700;margin-top:.25rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.chart-box{width:100%}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase}tr:last-child td{border-bottom:none}.statement td{padding:.6rem}.statement .closing td{border-top:2px solid var(--text)}.badge{background:#e2e8f0;border-radius:999px;padding:.15rem .7rem;font-size:.8rem;font-weight:600}.badge.paid{background:#dcfce7;color:#166534}.badge.partial{background:#fef9c3;color:#854d0e}.badge.pending{background:#fee2e2;color:#991b1b}.week-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip{background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.4rem .9rem;font-size:.85rem}.day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.toolbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.form-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}input,select{padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;background:#fff;color:var(--text)}label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}label.check{flex-direction:row;align-items:center;gap:.4rem;color:var(--text)}button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;cursor:pointer}button:disabled{opacity:.6}.btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--border);font-weight:500}.btn-ghost:hover{background:#eef2ff}.btn-ghost.danger{color:var(--danger)}.sidebar .btn-ghost{color:#cbd5e1;margin-top:.6rem;width:100%}.sidebar .btn-ghost:hover{background:#1e293b}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:48px;color:#fff}.login-hero-art{position:absolute;inset:0;background:url(/login-hero.jpg) center/cover no-repeat}.login-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,#312e8133,#4f46e580 55%,#1e1b4beb)}.login-hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;z-index:1;animation:orbFloat 9s ease-in-out infinite alternate}.orb-a{width:260px;height:260px;background:#8b5cf6;top:-60px;right:-40px}.orb-b{width:200px;height:200px;background:#06b6d4;bottom:8%;left:-60px;animation-delay:2.5s}.login-hero-content{position:relative;z-index:2;max-width:540px}.login-hero-brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:1.05rem;letter-spacing:.02em}.login-hero h1{font-size:clamp(2rem,3.4vw,3rem);line-height:1.12;margin:18px 0 10px;font-weight:800;text-shadow:0 2px 18px rgba(0,0,0,.35)}.login-hero-tag{font-size:.98rem;color:#ffffffe6;margin:0 0 26px}.login-caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.login-cap{display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:12px;background:#ffffff21;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem;font-weight:600}.login-cap-icon{font-size:1.1rem}.login-side{display:grid;place-items:center;align-content:center;gap:0;padding:32px 20px;background:var(--bg)}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-hero{padding:26px 22px;min-height:230px}.login-caps,.login-hero-tag{display:none}.login-hero h1{font-size:1.7rem;margin:12px 0 0}}.hero-v3{align-items:center;justify-content:center}.hero-v3 .login-hero-content{text-align:center}.hero-v3 .login-hero-brand{justify-content:center}.hero-v3 .login-hero-mid{margin:0 auto}.hero-v3 .login-caps{max-width:480px;margin:0 auto}.hero-v3:after{background:linear-gradient(#1e1b4b73,#1e1b4be0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes orbFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(18px,26px,0) scale(1.12)}}.anim{opacity:0;animation:fadeUp .6s cubic-bezier(.22,.9,.34,1) forwards}.login-card button{transition:transform .15s ease,box-shadow .15s ease}.login-card button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 18px #4f46e559}.login-card button:not(:disabled):active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.anim{animation:none;opacity:1}.login-hero-orb{animation:none}.login-card button{transition:none}.login-card button:not(:disabled):hover{transform:none;box-shadow:none}}.powered-by{font-size:.7rem;font-weight:600;letter-spacing:.04em;color:#94a3b8;text-align:center;margin-top:14px}.login-page .powered-by{margin-top:18px}.sidebar-footer .powered-by{margin-top:12px;opacity:.8}@media print{.powered-by{color:#6b7280;margin-top:18px}}.login-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.login-card h1{text-align:center;margin-bottom:0}.login-card .muted{text-align:center;margin:0}.login-card button{width:100%}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:var(--danger)}@media(max-width:768px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.sidebar nav{flex-direction:row;flex-wrap:wrap}.sidebar-footer{border-top:none;padding-top:0;display:flex;gap:.75rem;align-items:center}.sidebar .btn-ghost{width:auto;margin-top:0}}.skeleton{background-color:#e2e8f0;border-radius:6px;margin-bottom:12px}.skeleton.shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#e2e8f0 4%,#cbd5e1 25%,#e2e8f0 36%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media(max-width:768px){table.mobile-cards,table.mobile-cards thead,table.mobile-cards tbody,table.mobile-cards th,table.mobile-cards td,table.mobile-cards tr{display:block}table.mobile-cards thead tr{position:absolute;top:-9999px;left:-9999px}table.mobile-cards tr{border:1px solid #e5e7eb;margin-bottom:15px;border-radius:8px;background:#fff;box-shadow:0 2px 5px #0000000d;overflow:hidden}table.mobile-cards td{border:none;border-bottom:1px solid #f3f4f6;position:relative;padding:12px 15px 12px 45%!important;text-align:right!important;display:flex;justify-content:flex-end;align-items:center;min-height:44px}table.mobile-cards td:last-child{border-bottom:none}table.mobile-cards td:before{position:absolute;top:50%;transform:translateY(-50%);left:15px;width:40%;white-space:nowrap;text-align:left;font-weight:600;color:#6b7280;content:attr(data-label);font-size:.85rem}}@media print{.sidebar,.no-print{display:none!important}.app{display:block!important}.content{padding:0!important;margin:0!important;overflow:visible!important}body{background:#fff!important}}