:root{font-family:"Segoe UI",Tahoma,sans-serif;color:#172033;background:#f3f5f8;line-height:1.5}*{box-sizing:border-box}body{margin:0}.topbar{min-height:64px;background:#17233b;color:#fff;display:flex;align-items:center;gap:28px;padding:0 28px;box-shadow:0 2px 10px #0002}.brand{color:#fff;text-decoration:none;font-size:20px;font-weight:700}.main-links{display:flex;gap:18px}.main-links a{color:#dce4f2;text-decoration:none}.user-area{display:flex;gap:18px;align-items:center;margin-left:auto}.user-area form{margin:0}.link-button{border:0;background:transparent;color:#f7b04b;cursor:pointer;font:inherit}.page{max-width:1280px;margin:0 auto;padding:32px}.hero,.panel{background:#fff;border-radius:14px;padding:28px;box-shadow:0 5px 22px #18305212}.hero{display:flex;justify-content:space-between;align-items:center}.hero h1,.panel h1{margin:0 0 6px}.menu-section h2{font-size:18px;margin:28px 0 12px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.menu-card{display:flex;flex-direction:column;gap:4px;min-height:104px;padding:18px;background:#fff;border:1px solid #e4e8ef;border-radius:12px;text-decoration:none;color:#172033;transition:.15s}.menu-card:hover{transform:translateY(-2px);border-color:#f08a32;box-shadow:0 8px 24px #e66b2418}.menu-card span,.menu-card small{color:#6d7686}.secondary,.primary{display:inline-block;border:0;border-radius:8px;padding:11px 18px;background:#ec762c;color:#fff;text-decoration:none;font-weight:600;cursor:pointer}.empty-menu{margin-top:24px;border-left:5px solid #e67d2f}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#9d1820,#f04c24 50%,#ff962f)}.login-card{width:min(920px,92vw);min-height:480px;background:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;box-shadow:0 28px 70px #56131b55}.login-banner{padding:60px;color:#fff;background:linear-gradient(145deg,#bd1d22,#f36924)}.login-banner h1{font-size:42px;margin:28px 0 0}.login-banner p{opacity:.9}.mark{width:86px;height:86px;border:3px solid #ffd476;border-radius:24px;display:grid;place-items:center;font-size:30px;font-weight:800}.login-form{padding:62px 52px;display:flex;flex-direction:column;gap:9px;justify-content:center}.login-form label{margin-top:9px;font-weight:600}.login-form input{width:100%;padding:12px 13px;border:1px solid #ccd2dc;border-radius:8px;font:inherit}.login-form .primary{margin-top:18px}.validation{color:#b42318;font-size:14px}.notice{margin-top:20px;padding:16px;border-left:4px solid #e67d2f;background:#fff4e8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:18px}th,td{padding:11px 12px;border-bottom:1px solid #e4e8ef;text-align:left}@media(max-width:700px){.login-card{grid-template-columns:1fr}.login-banner{padding:28px}.login-banner h1{font-size:28px}.login-form{padding:32px}.page{padding:18px}.hero{align-items:flex-start;gap:18px;flex-direction:column}.topbar{flex-wrap:wrap;padding:12px 18px}.user-area{width:100%;margin-left:0;justify-content:space-between}}

.nav-toggle{display:none;width:38px;height:38px;border:0;border-radius:7px;background:#ffffff18;color:#fff;font-size:22px;cursor:pointer}.sidebar{position:fixed;left:0;top:64px;bottom:0;width:284px;background:#1e2d48;color:#dfe7f5;overflow-y:auto;box-shadow:3px 0 18px #14203818;z-index:20}.side-navigation{padding:14px 10px 30px}.nav-home,.nav-items a{display:flex;align-items:center;gap:10px;color:#dfe7f5;text-decoration:none;border-radius:7px}.nav-home{padding:12px 14px;margin-bottom:6px;font-weight:600}.nav-icon{font-size:20px}.nav-group{border-top:1px solid #ffffff12}.nav-group summary{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;cursor:pointer;font-weight:650;list-style:none;color:#fff}.nav-group summary::-webkit-details-marker{display:none}.nav-group .chevron{transition:transform .15s}.nav-group[open] .chevron{transform:rotate(180deg)}.nav-items{padding:0 5px 9px}.nav-items a{justify-content:space-between;padding:9px 12px 9px 22px;font-size:14px}.nav-items a:hover,.nav-home:hover,.nav-items a.active,.nav-home.active{background:#ee7a2d;color:#fff}.nav-items small{padding-left:8px;color:#b9c5d8;font-size:11px}.nav-empty{margin:12px;padding:13px;border-radius:7px;background:#ffffff0d;color:#ffc386}.page.with-sidebar{max-width:none;margin-left:284px;padding:32px 38px}.nav-overlay{display:none}

@media(max-width:900px){.nav-toggle{display:block}.sidebar{top:64px;transform:translateX(-100%);transition:transform .2s}.page.with-sidebar{margin-left:0}.nav-overlay{position:fixed;inset:64px 0 0;background:#0f172a80;z-index:19}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-overlay{display:block}.topbar{min-height:64px;flex-wrap:nowrap}.user-area{width:auto;margin-left:auto}.user-area span{display:none}}