:root{--g950:#0b2b24;--g900:#123d32;--g800:#175545;--g700:#19715a;--g500:#2eae7d;--mint:#e9f8f2;--ink:#17251f;--muted:#728079;--line:#e3ebe7;--bg:#f4f7f6;--danger:#d74848;--shadow:0 12px 34px rgba(16,56,45,.09)}*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}a{text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(155deg,#0a2c25,#124c3d 55%,#0d352c);color:#fff;padding:22px 16px;z-index:1030;display:flex;flex-direction:column;box-shadow:8px 0 30px #05231b26}.brand{display:flex;gap:12px;align-items:center;color:#fff;padding:0 10px 26px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#72e5b8,#24a675);font-size:23px;font-weight:900}.brand b{font-size:19px;letter-spacing:1.5px}.brand small,.sidebar-foot small{display:block;color:#a7c9bd;font-size:11px}.sidebar nav{overflow:auto;flex:1}.sidebar nav p{font-size:10px;letter-spacing:1.5px;color:#79a99a;margin:24px 12px 7px}.sidebar nav a{color:#d6e7e1;display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:11px;margin:3px 0;transition:.2s}.sidebar nav a:hover{background:#ffffff19;color:#fff;transform:translateX(2px)}.sidebar nav i{font-style:normal;font-size:18px;width:22px;text-align:center;color:#76d2ae}.sidebar-foot{border-top:1px solid #ffffff1a;padding:16px 6px 0;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#41b98b;font-weight:800}.sidebar-foot div{flex:1}.sidebar-foot button{background:none;border:0;color:#b8d4ca;font-size:20px}.app-shell{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:16px 30px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:1020}.topbar h1{font-size:22px;margin:0;font-weight:750}.topbar span{color:var(--muted);font-size:12px}.top-actions{margin-left:auto;color:var(--muted);font-size:12px}.status-dot{width:7px;height:7px;background:#25af75;border-radius:50%;display:inline-block;margin-right:6px}.menu-toggle{display:none;border:0;background:var(--mint);border-radius:9px;padding:8px 11px}.main-content{padding:26px 30px;flex:1}footer{text-align:center;color:#9aa7a1;padding:14px}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.btn{border-radius:10px;padding:.62rem 1rem;font-weight:650}.btn-primary{background:linear-gradient(135deg,var(--g700),var(--g500));border:0;box-shadow:0 7px 18px #20916b2e}.btn-outline-primary{color:var(--g700);border-color:#9bcdbb}.btn-icon{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border-radius:9px}.card{border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);background:#fff}.form-card{padding:25px}.form-label{font-weight:650;font-size:12px;color:#42534b}.form-control,.form-select{border:1px solid #d8e3de;border-radius:10px;padding:.68rem .8rem;background-color:#fbfcfc}.form-control:focus,.form-select:focus{border-color:#49ad88;box-shadow:0 0 0 .2rem #2eae7d1f}.required:after{content:' *';color:var(--danger)}.section-title{font-size:14px;font-weight:750;padding-bottom:11px;border-bottom:1px solid var(--line);margin:5px 0 18px}.table-toolbar{padding:16px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.table-search{max-width:380px;background:#f7faf9;padding-left:38px}.search-wrap{position:relative;flex:1}.search-wrap:before{content:'⌕';position:absolute;left:13px;top:7px;font-size:21px;color:#89978f}.table-responsive{border-radius:0 0 16px 16px}.data-table{margin:0}.data-table thead th{background:linear-gradient(135deg,var(--g950),var(--g800));color:#fff;border:0;padding:13px 12px;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.45px}.data-table td{padding:12px;border-color:#edf2f0;vertical-align:middle}.data-table tbody tr:hover{background:#f5fbf8}.filter-trigger{border:0;background:#ffffff20;color:#fff;border-radius:5px;float:right;margin-left:8px}.low-stock{background:#fff0f0!important}.low-stock td:first-child{border-left:4px solid var(--danger)}.badge-soft{padding:5px 9px;border-radius:99px;background:var(--mint);color:var(--g700);font-weight:700;font-size:11px}.badge-danger{background:#ffe9e9;color:#bf3434}.money{font-variant-numeric:tabular-nums;font-weight:700}.remaining{color:#d23d3d;font-weight:800}.filter-menu{position:fixed;z-index:1090;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 16px 40px #0000002b;width:220px}.filter-menu input{width:100%;border:1px solid #dce6e1;border-radius:8px;padding:8px}.empty-state{text-align:center;padding:55px 20px;color:var(--muted)}.toast-msg{position:fixed;right:25px;top:94px;z-index:1100;background:#fff;border-radius:13px;box-shadow:0 15px 40px #00000029;padding:14px 16px;border-left:5px solid var(--g500);display:flex;gap:10px;align-items:center}.toast-msg.error{border-color:var(--danger)}.toast-msg button{border:0;background:none;font-size:20px}.confirm-box{border:0;border-radius:18px;padding:28px;text-align:center}.warn-icon{width:55px;height:55px;border-radius:50%;background:#fff0e4;color:#dd6c26;display:grid;place-items:center;margin:0 auto 15px;font-size:26px;font-weight:900}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{padding:19px;position:relative}.stat-card small{color:var(--muted);font-weight:650}.stat-card h3{font-size:24px;margin:8px 0 0}.stat-card .trend{position:absolute;right:15px;top:15px;width:38px;height:38px;border-radius:11px;background:var(--mint);color:var(--g700);display:grid;place-items:center;font-size:18px}.filter-bar{padding:16px;margin-bottom:20px;display:flex;gap:12px;align-items:end}.detail-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:20px}.detail-tabs button{border:0;background:none;padding:11px 16px;font-weight:650;color:var(--muted)}.detail-tabs button.active{color:var(--g700);border-bottom:2px solid var(--g700)}.detail-panel{display:none}.detail-panel.active{display:block}.login-page{min-height:100vh;background:radial-gradient(circle at 20% 10%,#26775f,transparent 35%),linear-gradient(145deg,#071f1a,#124c3d 62%,#1a7058);display:grid;grid-template-columns:1.2fr .8fr}.login-hero{padding:9vw;color:#fff;align-self:center}.login-hero .logo{font-size:38px;font-weight:900;letter-spacing:4px}.login-hero h1{font-size:clamp(34px,4vw,62px);max-width:700px;margin:35px 0 18px;line-height:1.03}.login-hero p{font-size:17px;color:#b9d9cd;max-width:580px}.login-card-wrap{display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);padding:40px;border-radius:24px;background:#fffffffa;box-shadow:0 30px 80px #0000004d}.login-card h2{font-weight:800}.login-card .form-control{padding:.9rem}.login-foot{color:#8a9892;font-size:11px;margin-top:28px}.pareto-a{color:#138358;font-weight:800}.pareto-b{color:#c6891c;font-weight:800}.pareto-c{color:#b44141;font-weight:800}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:none}.app-shell{margin-left:0}.menu-toggle{display:block}.main-content{padding:18px}.topbar{padding:12px 18px}.top-actions{display:none}.login-page{grid-template-columns:1fr}.login-hero{display:none}.stats-grid{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}}
.filter-bar.history-filter{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:flex-end!important;align-content:flex-start;flex-wrap:wrap!important;width:100%;gap:12px}.history-filter .filter-field{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch}.history-filter .filter-date{width:170px}.history-filter .filter-wide{width:280px;max-width:100%}.history-filter .btn{flex:0 0 auto;align-self:flex-end;white-space:nowrap}@media(max-width:800px){.history-filter .filter-field,.history-filter .filter-date,.history-filter .filter-wide{width:100%}.history-filter .btn{flex:1 1 auto}}
.action-btn{width:38px;height:38px;display:inline-grid;place-items:center;border:0;border-radius:10px;font-size:18px;font-weight:800;line-height:1;transition:.18s;vertical-align:middle}.action-btn:hover{transform:translateY(-2px);filter:saturate(1.2)}.action-view{color:#176fc1;background:#e8f3ff;font-size:0}.action-view:before{content:'👁';font-size:20px}.action-edit{color:#13835b;background:#e7f8f1}.action-delete{color:#c93232;background:#ffecec}.credit-positive{color:#d23d3d!important;font-weight:800}.outstanding-toggle{display:flex;align-items:center;gap:8px;padding:.65rem .85rem;border:1px solid #d8e3de;border-radius:10px;background:#fff;min-height:42px}.outstanding-toggle input{width:17px;height:17px;accent-color:var(--g700)}