:root{--gold:#f5b400;--gold2:#ffd85b;--amber:#ffca28;--ink:#2d260e;--dark:#3b3008;--cream:#fffaf0;--bg:#f7f4ec;--white:#fff;--green:#168a5b;--red:#c83b3b;--line:#eadfbf}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#fffdf7,#f5f0e3);font:14px "Segoe UI",Arial,sans-serif;color:#272b35}.top{height:82px;background:linear-gradient(100deg,#f0a900,#ffda62 55%,#ffedaa);color:var(--ink);padding:8px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 16px #c99c2745;position:sticky;top:0;z-index:10}.logo-wrap{display:flex;align-items:center;gap:16px}.logo-wrap img{width:190px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 2px #fff7)}.logo-wrap strong{display:block;font-size:21px;letter-spacing:2px}.logo-wrap small{display:block;margin-top:3px}.user-box{display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:center;text-align:right}.user-box span{font-weight:700}.user-box small{grid-column:1}.user-box a{grid-column:2;grid-row:1/3;background:#3e3108;color:#fff;text-decoration:none;padding:9px 14px;border-radius:8px}.app-shell{display:flex;min-height:calc(100vh - 82px)}.sidebar{width:260px;background:linear-gradient(180deg,#3b3008,#221d0a);padding:16px 12px;flex:none;box-shadow:4px 0 18px #0001;overflow-y:auto}.sidebar a{display:block;color:#f9efd2;text-decoration:none;padding:8px 12px;border-radius:7px;font-size:13px;border-left:3px solid transparent}.sidebar a:hover,.sidebar a.active{background:#f5b400;color:#241d05;border-color:#fff;font-weight:600}.sidebar .main-link{font-size:16px;font-weight:800;background:#ffffff10;margin-bottom:9px;padding:12px}.menu-title{color:#ffcb35;font-weight:800;border-top:1px solid #ffffff20;margin-top:11px;padding:14px 10px 5px;font-size:11px;letter-spacing:.6px}.content{width:calc(100% - 260px);padding:28px}.page-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.card{background:#fff;border:1px solid #f0e4c3;border-radius:15px;padding:21px;margin-bottom:20px;box-shadow:0 8px 28px #55420b12}h1{margin:0 0 15px;font-size:27px;color:#3f330a}h2{font-size:18px;margin:0 0 16px;color:#4c3c08}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:20px}.stat{padding:20px;border-radius:15px;background:linear-gradient(135deg,#fff,#fff8df);border:1px solid #f1dda4;border-top:5px solid var(--gold);box-shadow:0 8px 20px #6d541012}.stat b{display:block;font-size:29px;color:#3d3108;margin-top:8px}.stat.green{border-top-color:var(--green)}.stat.red{border-top-color:var(--red)}.stat .icon{float:right;background:#fff1bd;border-radius:50%;padding:9px}.table-wrap{overflow:auto;border:1px solid #efe5cb;border-radius:10px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:11px;border-bottom:1px solid #eee7d5;text-align:left;vertical-align:top}th{color:#4a3b08;font-size:11px;text-transform:uppercase;background:#fff4c8;position:sticky;top:0}tr:hover td{background:#fffdf5}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #d9cfb5;border-radius:8px;margin:5px 0 13px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #ffd34e;border-color:#e6aa00}textarea{min-height:76px}button,.btn{display:inline-block;background:linear-gradient(135deg,#e9a600,#ffc928);color:#2c2305;border:0;padding:10px 15px;border-radius:8px;text-decoration:none;cursor:pointer;margin:2px;font-weight:700;box-shadow:0 3px 8px #d6a21c35}.btn.red{background:#c83b3b;color:#fff}.btn.gray{background:#6d7280;color:#fff}.btn.green{background:#168a5b;color:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flash{background:#e3f6eb;color:#12613f;padding:13px;border-radius:9px;margin-bottom:15px;border-left:5px solid #1d9b68}.login{max-width:500px;margin:45px auto}.login-logo{display:block;width:290px;height:130px;object-fit:contain;margin:0 auto 10px}.muted{color:#6b6f77;font-size:13px}.badge{background:#e8f6ef;color:#13613f;border-radius:50px;padding:5px 9px;font-size:12px;white-space:nowrap}.badge.warn{background:#fff1cf;color:#8a5b00}.badge.danger{background:#fde5e5;color:#a52a2a}.actions{white-space:nowrap}.amount{font-weight:700;color:#4d3b00}.section-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.hero{background:linear-gradient(125deg,#3b3008,#695310);color:#fff;border-radius:17px;padding:25px 28px;margin-bottom:20px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:260px;height:260px;border:55px solid #f5b40055;border-radius:50%;right:-80px;top:-120px}.hero h1{color:#ffd65a;margin-bottom:5px}.hero p{margin:0;color:#fff5d0}.empty{padding:28px;text-align:center;color:#777}.summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:15px}.summary span{background:#fff3c2;padding:8px 12px;border-radius:8px;font-weight:600}@media(max-width:900px){.top{height:auto;padding:10px 15px}.logo-wrap img{width:145px}.logo-wrap div{display:none}.app-shell{display:block}.sidebar{width:100%;display:flex;overflow:auto;padding:8px}.sidebar a,.menu-title{white-space:nowrap}.menu-title{border:0;margin:0;padding:9px}.content{width:100%;padding:15px}.stats{grid-template-columns:1fr 1fr}.grid,.grid-3{grid-template-columns:1fr}}