:root{--dark:#151922;--soft:#f4f6fb;--card:#fff;--text:#202536;--muted:#7b8190;--accent:#9b6b3d;--accent2:#2f6f5e;--line:#e8ebf2}*{box-sizing:border-box}body{margin:0;background:var(--soft);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text)}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,#151922,#24202a);color:white;padding:22px;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#d7a96e);display:grid;place-items:center;font-weight:800}.brand small{display:block;color:#b9bfca}.sidebar nav{display:grid;gap:8px}.sidebar a{color:#dfe4ee;text-decoration:none;padding:13px 14px;border-radius:15px;display:flex;gap:11px;align-items:center}.sidebar a:hover,.sidebar a.highlight{background:rgba(255,255,255,.1);color:white}.main{margin-left:280px;width:calc(100% - 280px)}.topbar{height:86px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar h1{font-size:22px;margin:0;font-weight:800}.topbar p{margin:2px 0 0;color:var(--muted);font-size:13px}.menu-btn{display:none;border:0;background:#eef1f7;border-radius:12px;font-size:26px;padding:6px 10px}.user-box{display:flex;align-items:center;gap:10px;background:#f6f7fb;border:1px solid var(--line);border-radius:16px;padding:10px 13px}.user-box a{font-size:13px;text-decoration:none;color:#b33}.content{padding:28px}.cardx{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 30px rgba(24,30,50,.06);padding:22px}.stat{background:white;border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;justify-content:space-between;align-items:center}.stat i{font-size:28px;color:var(--accent)}.stat strong{font-size:28px}.stat span{display:block;color:var(--muted)}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:#7f542e;border-color:#7f542e}.table{vertical-align:middle}.badge-soft{border-radius:999px;padding:7px 10px}.form-control,.form-select{border-radius:14px;padding:11px 12px}.action-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:18px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,#d7a96e 0,#f4f6fb 28%,#f4f6fb 100%);padding:20px}.login-card{width:100%;max-width:420px;background:white;border-radius:28px;padding:30px;box-shadow:0 24px 70px rgba(20,25,34,.14)}.order-product-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:10px}.mobile-table-label{display:none}@media(max-width:900px){.sidebar{transform:translateX(-110%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.menu-btn{display:block}.topbar{padding:0 14px}.user-box span{display:none}.content{padding:16px}.order-product-row{grid-template-columns:1fr}.table-responsive-card table,.table-responsive-card thead,.table-responsive-card tbody,.table-responsive-card th,.table-responsive-card td,.table-responsive-card tr{display:block}.table-responsive-card thead{display:none}.table-responsive-card tr{background:white;border:1px solid var(--line);border-radius:18px;margin-bottom:12px;padding:10px}.table-responsive-card td{border:0!important;display:flex;justify-content:space-between;gap:15px}.mobile-table-label{display:inline;font-weight:700;color:var(--muted)}}