*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#2d261f;background:#fffaf4}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:linear-gradient(180deg,#ff6b35 0,#ff8d45 24%,#fff0cf 55%,#fff8eb 100%);padding:24px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;color:white;margin:4px 8px 34px}.brand-mark{font-size:28px}.brand strong{display:block;font-size:17px}.brand span{font-size:10px;letter-spacing:2px;opacity:.9}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar a{color:#4a382b;text-decoration:none;padding:11px 13px;border-radius:11px;display:flex;gap:11px;align-items:center;font-size:14px}.sidebar a.active{background:white;color:#ef5b27;box-shadow:0 4px 18px #d97b3a1c}.nav-label{font-size:10px;letter-spacing:1.4px;color:#806a58;margin:19px 12px 4px}.logout{margin-top:auto}.main{margin-left:245px;flex:1}.topbar{height:66px;background:#fffdf9;border-bottom:1px solid #f0e5d8;display:flex;justify-content:space-between;align-items:center;padding:0 34px}.user{display:flex;gap:10px;align-items:center;font-size:13px}.page-head{display:flex;justify-content:space-between;align-items:center;padding:32px 34px 20px}.page-head h1{margin:0;font-size:29px}.page-head p{margin:6px 0;color:#887668}.actions{display:flex;gap:10px}.btn{display:inline-block;border:1px solid #eadfd3;background:#fff;color:#4c3a2d;text-decoration:none;border-radius:10px;padding:11px 16px;font-weight:650;font-size:13px;cursor:pointer}.btn.primary{background:#ff6732;border-color:#ff6732;color:#fff;box-shadow:0 8px 18px #ff673226}.btn.full{width:100%;margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 34px 18px}.stat-card{background:#fff;border:1px solid #f0e4d8;border-radius:15px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:12px;box-shadow:0 4px 20px #d77b3710}.stat-card .icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px}.peach{background:#ffe7dc;color:#f26132}.green{background:#e6f5e7;color:#2d9a55}.yellow{background:#fff0c9;color:#e5a300}.pink{background:#ffe4e6;color:#e75863}.stat-card strong{display:block;font-size:24px}.stat-card small{color:#87776a}.stat-card a{grid-column:1/-1;color:#ed602f;text-decoration:none;font-size:12px}.panel{margin:0 34px 20px;background:#fff;border:1px solid #efe2d6;border-radius:15px;box-shadow:0 4px 20px #d77b3710;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #f2e9e0}.panel-head h2{margin:0;font-size:16px}.panel-head a,.link{color:#ed602f;text-decoration:none;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #f2ebe4;white-space:nowrap}th{font-size:11px;color:#8b7a6b;background:#fffaf5}td strong{display:block;margin-top:5px}.tag{display:inline-block;font-size:9px;letter-spacing:.3px;text-transform:uppercase;background:#fff0e8;color:#ed5e2d;padding:4px 7px;border-radius:5px}.status{font-size:11px}.status.ok{color:#2b9a55}.status.warning{color:#d99800}.empty{text-align:center;color:#8e7d6e;padding:32px}.two-col{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:0 34px}.two-col .panel{margin:0}.form{padding:20px;display:flex;flex-direction:column;gap:8px}.form label{font-size:12px;font-weight:700;margin-top:5px}.form input,.form textarea,.form select{font:inherit;border:1px solid #e4d8cb;border-radius:9px;padding:11px;background:#fffdfb;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:#ff7a45;box-shadow:0 0 0 3px #ff7a4515}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.list-row{padding:16px 20px;border-bottom:1px solid #f2ebe4;display:flex;justify-content:space-between;align-items:center}.list-row strong,.list-row small{display:block}.list-row small{color:#8c7b6e;margin-top:4px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff5e7,#ffd7bf)}.login-card{width:min(420px,92vw);background:#fff;border-radius:20px;padding:34px;box-shadow:0 20px 60px #c9653a24}.login-brand{font-size:24px;font-weight:800;color:#ff6732;margin-bottom:30px}.login-brand span{margin-right:7px}.login-card h1{margin:0 0 6px}.login-card p{color:#8a796c;margin-top:0}.login-card form{display:flex;flex-direction:column;gap:8px}.login-card label{font-size:12px;font-weight:700;margin-top:10px}.login-card input{padding:12px;border:1px solid #e4d8cb;border-radius:9px;font:inherit}.alert{padding:11px;border-radius:9px;margin:14px 0;font-size:13px}.alert.error{background:#ffe9e6;color:#bd3c29}@media(max-width:950px){.sidebar{width:76px}.brand div:not(.brand-mark),.sidebar span,.nav-label{display:none}.sidebar a{justify-content:center}.main{margin-left:76px}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.panel,.page-head{margin-left:18px;margin-right:18px}.stats{padding-left:18px;padding-right:18px}}@media(max-width:600px){.stats{grid-template-columns:1fr}.page-head{display:block}.page-head .btn{margin-top:15px}.form-grid{grid-template-columns:1fr}.main{min-width:0}.topbar{padding:0 18px}}