@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito+Sans:wght@400;600;700;800;900&display=swap";:root{--navy:#233e61;--blue:#6d8db3;--orange:#e98a13;--cream:#faf8f4;--ink:#243c59;--muted:#7d8c9b}*{box-sizing:border-box}body{color:var(--ink);background:#f7f7f4;margin:0;font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#263f5e;flex-direction:column;flex-shrink:0;width:238px;height:100vh;min-height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #fff2;align-items:center;gap:12px;padding:0 2px 34px;display:flex}.brand img{object-fit:cover;border-radius:8px;width:57px;height:57px}.brand strong{letter-spacing:1px;font:900 23px/1 Nunito Sans,sans-serif;display:block}.brand span{letter-spacing:.5px;background:#e48a18;padding:2px 4px;font-size:9px;font-weight:900;display:inline-block;transform:rotate(-2deg)}.brand small{color:#c8d2df;letter-spacing:1.5px;margin-top:5px;font-size:8px;display:block}.side-label{color:#aebed0;letter-spacing:1.5px;margin:30px 12px 14px;font-size:10px;font-weight:700}.side-active{background:#ffffff19;border-left:3px solid #f7a932;border-radius:6px;align-items:center;gap:10px;padding:13px 12px;font-size:13px;font-weight:700;display:flex}.side-foot{border-top:1px solid #fff2;margin-top:auto;padding:24px 12px 8px}.side-foot .spark{color:#ffb542;font-size:24px}.side-foot p{margin:8px 0;font-size:16px;line-height:1.5}.side-foot span{color:#aebed0;font-size:11px}main{width:calc(100% - 238px);max-width:1600px;margin:auto;padding:40px 54px 20px}.top{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow,.tag{letter-spacing:1.6px;color:#8798aa;font-size:10px;font-weight:800}.eyebrow b{color:#e99725;padding:0 5px}h1,h2,p{margin:0}h1{letter-spacing:-1.5px;margin:9px 0 7px;font:900 38px/1.1 Nunito Sans,sans-serif}h1 span{color:var(--orange)}.top p,.intro p,.history-head p,.modal-head p{color:#8694a1;font-size:13px}.primary,.secondary{white-space:nowrap;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:13px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#e98a13;box-shadow:0 4px 10px #e98a1327}.primary:hover{background:#d97b08}.secondary{color:#34506f;background:#fff;border:1px solid #dbe2e8}.secondary:hover{background:#f4f7fa}.orange-line{background:#ee9d2a;width:50px;height:3px;margin:28px 0 31px}.intro{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.intro h2,.history h2,.modal h2{letter-spacing:-.5px;margin:7px 0;font:900 23px/1.25 Nunito Sans,sans-serif}.intro h2 em{color:#6d8db3;font-style:normal}.intro-icon{color:#d88b20;letter-spacing:1px;align-items:center;gap:10px;font-size:9px;font-weight:800;line-height:1.45;display:flex}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:#fff;border:1px solid #e7ebee;border-radius:10px;min-height:151px;padding:22px;position:relative;overflow:hidden}.card-top{letter-spacing:1px;color:#8494a3;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.card strong{letter-spacing:-.8px;margin-top:18px;font:900 29px/1.1 Nunito Sans,sans-serif;display:block}.card p{color:#91a0ae;margin-top:8px;font-size:11px}.balance{color:#fff;background-color:#6d8db3;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:27px 27px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-color:#6d8db3}.balance .card-top,.balance p{color:#e5ecf3}.balance strong{font-size:30px}.card-decoration{color:#ffffff18;font-size:88px;line-height:1;position:absolute;bottom:-24px;right:14px}.badge,.row-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.in{color:#4a8d67;background:#eaf3ed}.out{color:#dd8a24;background:#fff2e3}.summary-note{color:#9aa6b0;margin:11px 0 28px;font-size:11px}.history{background:#fff;border:1px solid #e8ecee;border-radius:11px;overflow:hidden}.history-head{justify-content:space-between;align-items:center;gap:15px;padding:25px 25px 20px;display:flex}.history h2{font-size:21px}.filters{flex-wrap:wrap;gap:9px;padding:0 25px 20px;display:flex}.filters label{color:#8496a6;border:1px solid #e2e8ed;border-radius:6px;align-items:center;min-height:39px;padding:0 10px;font-size:11px;display:flex}.filters input,.filters select{color:#526c84;background:0 0;border:0;outline:0;min-width:0}.search{flex:1;gap:8px;min-width:190px}.search input{width:100%}.date-filter{gap:6px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:730px}thead{background:#f8fafb}th{letter-spacing:1px;color:#9caab5;padding:13px 25px;font-size:9px;font-weight:800}td{color:#708296;border-top:1px solid #f0f2f3;padding:15px 25px;font-size:12px}td:first-child{min-width:230px}.description{align-items:center;gap:11px;display:flex}.description b{color:#334e69;font-size:12px;display:block}.description small{color:#a1adb8;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:4px;display:block;overflow:hidden}.amount-in{color:#4a8d67;white-space:nowrap;font-weight:800}.amount-out{color:#d27e1c;white-space:nowrap;font-weight:800}.actions{gap:5px;display:flex}.actions button,.close,.error button{color:#8a9cac;background:0 0;border:0;padding:5px}.actions button:hover{color:#e98a13}.empty{text-align:center;color:#8190a0;padding:45px 20px}.empty div{color:#eaa237;font-size:27px}.empty strong{color:#425a72;margin:8px 0;font-size:14px;display:block}.empty p{margin-bottom:17px;font-size:12px}.history-footer{color:#9aa7b3;border-top:1px solid #f0f2f3;padding:14px 25px;font-size:11px}.error{color:#a84730;background:#fff0e9;border-radius:6px;margin:0 25px 15px;padding:12px 16px;font-size:13px}.error button{float:right;color:inherit}footer{color:#aab6bf;letter-spacing:1px;padding:27px 0;font-size:10px;font-weight:700}footer span{color:#eda02d;margin:0 6px}footer small{float:right;letter-spacing:0;font-weight:400}.overlay{z-index:10;background:#1c314fb0;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(570px,100%);max-height:95vh;padding:26px;overflow:auto}.modal-head{justify-content:space-between;display:flex}.close{align-self:flex-start}.type-tabs{gap:8px;margin:23px 0 18px;display:flex}.type-tabs button{color:#75899a;background:#fff;border:1px solid #e4eaee;border-radius:7px;flex:1;justify-content:center;gap:7px;padding:10px;font-weight:700;display:flex}.type-tabs .selected{color:#43855b;background:#eaf4ed;border-color:#85bd98}.type-tabs .selected.exit{color:#d47e14;background:#fff1df;border-color:#efb875}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid label{color:#425b72;font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{color:#314d66;background:#fff;border:1px solid #dfe6ea;border-radius:6px;outline-color:#7092b9;width:100%;margin-top:7px;padding:11px;font-size:13px;display:block}.form-grid textarea{resize:vertical;height:72px}.form-grid .full{grid-column:1/-1}.optional{color:#aab4be;font-weight:400}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.modal .error{margin:15px 0 0}.sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1050px){main{padding:35px 30px}.sidebar{width:200px}main{width:calc(100% - 200px)}td,th{padding-left:15px;padding-right:15px}}@media (max-width:700px){.shell{display:block}.sidebar{width:100%;height:auto;min-height:0;padding:12px 20px;display:block;position:static}.brand{border:0;padding:0}.brand img{width:42px;height:42px}.brand strong{font-size:18px}.brand span{font-size:8px}.brand small,.side-label,.side-active,.side-foot{display:none}main{width:100%;padding:26px 18px}.top{align-items:flex-start}.top h1{font-size:29px}.top .primary{padding:11px;font-size:0}.top .primary svg{width:20px;height:20px}.orange-line{margin:22px 0}.intro h2{font-size:19px}.intro-icon{display:none}.cards{grid-template-columns:1fr;gap:9px}.card{min-height:110px;padding:16px}.card strong{margin-top:10px;font-size:25px}.balance strong{font-size:26px}.history-head{padding:20px 16px}.filters{padding:0 16px 16px}.search{min-width:100%}.form-grid{gap:12px}.modal{padding:20px}footer small{display:none}}.site-nav{flex-direction:column;gap:4px;display:flex}.site-nav button{text-align:left;color:#c2cfdd;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:13px 12px;font-size:13px;font-weight:700;display:flex}.site-nav button:hover{background:#ffffff10}.site-nav button.side-active{color:#fff;background:#ffffff19;border-left:3px solid #f7a932}.inventory-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.inventory-note{color:#71879b;margin:18px 0 27px;font-size:12px;line-height:1.5}.inventory-form{margin-top:23px}@media (max-width:700px){.sidebar{padding:12px 18px}.site-nav{flex-direction:row;gap:5px;margin-top:12px;display:flex;overflow:auto}.site-nav button{white-space:nowrap;width:auto;padding:9px;font-size:11px}.site-nav button svg{width:15px}.inventory-cards{grid-template-columns:1fr 1fr}.inventory-cards .card strong{font-size:25px}}