:root{--navy:#072a50;--navy2:#0d3c70;--blue:#0878ef;--bg:#f5f8fc;--text:#101828;--muted:#667085;--line:#dfe7ef;--green:#22a861;--red:#e54b4b;--orange:#f3a51b;--radius:13px;--shadow:0 2px 12px rgba(16,40,70,.06)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}body{margin:0;font-size:14px}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:linear-gradient(145deg,var(--navy),#031c36);color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;font-size:18px;font-weight:800;padding:8px 10px 25px}.brand span{color:#5eb1ff}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{color:#d8e7f6;text-decoration:none;padding:12px 14px;border-radius:10px;font-size:15px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#164d82,#18558e);color:#fff}.nav-title{font-size:10px;letter-spacing:.14em;color:#7fa2c4;margin:18px 14px 5px}.userbox{margin-top:auto;border-top:1px solid #244867;padding:18px 10px 0;display:grid;gap:7px}.userbox small{color:#9fbad2}.userbox a,.userbox button{color:#70b9ff;background:none;border:0;text-align:left;padding:0;text-decoration:none;cursor:pointer;font:inherit}.userbox form{margin:0}main{margin-left:244px;min-height:100vh;padding:0 28px 30px}.top{height:90px;margin:0 -28px 20px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.top h1{font-size:25px;margin:0 0 4px}.top p{margin:0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid #cad6e2;border-radius:8px;background:#fff;color:#26415e;text-decoration:none;font-weight:650;cursor:pointer}.btn.primary{border-color:var(--blue);background:var(--blue);color:#fff}.btn.small{min-height:32px;padding:5px 10px}.btn.wide{width:100%}.period,.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:18px}.period select,.period input{width:auto}.cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:16px}.stat{min-height:122px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;align-items:center;justify-content:space-between}.stat span{font-weight:650}.stat strong{display:block;font-size:26px;margin-top:10px;letter-spacing:-.03em}.stat i{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;font-size:25px;font-style:normal}.stat.green{background:linear-gradient(135deg,#fff,#f1fbf5)}.stat.green i{background:#d8f3e4;color:var(--green)}.stat.red{background:linear-gradient(135deg,#fff,#fff2f2)}.stat.red i{background:#ffe0e0;color:var(--red)}.stat.orange{background:linear-gradient(135deg,#fff,#fff8e9)}.stat.orange i{background:#ffebbb;color:var(--orange)}.stat.blue{background:linear-gradient(135deg,#fff,#f0f7ff)}.stat.blue i{background:#dceeff;color:var(--blue)}.stat.purple i{background:#eee6ff;color:#7c3aed}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.panel h2{font-size:15px;margin:0 0 18px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head a{color:var(--blue);text-decoration:none}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.bars{display:grid;gap:15px}.bars>div{display:grid;grid-template-columns:140px 1fr 100px;align-items:center;gap:12px}.bars>div>div{height:10px;background:#edf2f7;border-radius:10px;overflow:hidden}.bars i{display:block;height:100%;background:var(--blue);border-radius:10px}.bars b{text-align:right}.goal{padding:12px 0;border-bottom:1px solid #edf1f5}.goal>div:first-child{display:flex;justify-content:space-between}.goal small,.table-wrap small,.list-row small{display:block;color:var(--muted);margin-top:5px}progress{width:100%;height:8px;margin-top:9px;accent-color:var(--green)}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split>div{padding:18px;border-radius:10px;background:#f7f9fc}.split strong{display:block;font-size:22px;margin:8px 0}.split p{color:var(--muted);margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;font-size:12px;color:var(--muted);font-weight:600}th,td{padding:13px 10px;border-bottom:1px solid #e8edf2}.tag{display:inline-block;background:#e7f1ff;color:#1465bd;border-radius:20px;padding:4px 10px;font-size:12px}.money{font-weight:700;white-space:nowrap}.pos{color:var(--green)}.neg{color:var(--red)}.actions{display:flex;gap:10px;align-items:center}.actions a,.actions button{border:0;background:none;color:var(--blue);padding:0;text-decoration:none;cursor:pointer;font:inherit}.actions form{margin:0}.form-panel{max-width:980px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label,.filters label,.login-card label{display:grid;gap:7px;color:#344054;font-weight:600}.span-2{grid-column:span 2}input,select,textarea{width:100%;border:1px solid #cfd9e4;border-radius:8px;background:#fff;color:var(--text);padding:10px 12px;font:inherit;min-height:42px}textarea{min-height:85px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(8,120,239,.13);border-color:var(--blue)}.list-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f5}.empty{color:var(--muted);padding:35px;text-align:center}.alert{padding:12px 15px;border-radius:9px;margin:0 0 16px}.alert.success{background:#e8f8ef;color:#167242}.alert.error{background:#fff0f0;color:#a92323}.alert.info{background:#edf6ff;color:#175f9c}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#e1f0ff,transparent 35%),linear-gradient(140deg,#f7fbff,#edf3fa);padding:20px}.login-card{width:min(420px,100%);background:#fff;padding:35px;border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 60px rgba(7,42,80,.13)}.login-card h1{text-align:center;margin:12px 0 5px}.login-card>p{text-align:center;color:var(--muted);margin:0 0 25px}.login-card label{margin-bottom:15px}.login-logo{margin:auto;width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:var(--navy);color:#62b5ff;font-size:24px}.menu-toggle{display:none;position:fixed;right:14px;top:14px;z-index:30;border:0;border-radius:9px;background:var(--navy);color:#fff;padding:10px 13px;font-size:20px}footer{text-align:center;color:var(--muted);padding:28px}.login footer{display:none}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.menu-toggle{display:block}main{margin-left:0;padding:0 14px 90px}.top{margin:0 -14px 15px;padding:0 65px 0 15px;height:78px}.top p{display:none}.top .btn{position:fixed;z-index:15;right:15px;bottom:15px;border-radius:30px;box-shadow:0 8px 30px rgba(8,120,239,.35)}.cards{grid-template-columns:1fr 1fr}.stat{min-height:105px;padding:15px}.stat strong{font-size:20px}.stat i{width:42px;height:42px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.bars>div{grid-template-columns:95px 1fr 78px}.split{grid-template-columns:1fr}}@media(max-width:460px){.cards{grid-template-columns:1fr}.top h1{font-size:21px}}@media print{.sidebar,.menu-toggle,.top .btn,.period,.filters,.actions,footer{display:none!important}main{margin:0;padding:0}.panel,.stat{box-shadow:none;break-inside:avoid}}