body.management-body{min-height:100vh;background:#f5f7fa} .admin-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 5%;background:rgba(255,255,255,.85);box-shadow:0 4px 24px #264b6a0a}.admin-head h1{font-size:20px;margin:0}.admin-head small{color:#7390a4}.admin-head nav{display:flex;gap:18px;align-items:center}.admin-head a{color:#348cc1;text-decoration:none}.admin-main{max-width:1120px;margin:32px auto;padding:0 24px}.admin-card{padding:30px;border:1px solid #dce8f1;border-radius:20px;background:#ffffffdc;box-shadow:0 14px 40px #245c8510}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-card a{color:#168bc6}.login-wrap{max-width:430px;margin:10vh auto;padding:24px}.login-wrap h1{font-size:26px}.admin-card label{display:block;margin:18px 0}.admin-card input:not([type=checkbox]){display:block;width:100%;margin-top:8px;box-sizing:border-box}.admin-card button{margin:8px 8px 8px 0}.admin-card h3{margin-top:28px}.admin-message{min-height:24px;color:#bd6220}.admin-grid .admin-card{min-height:170px}button,a,input{outline-offset:4px}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}.admin-head{flex-direction:column;align-items:flex-start}.admin-head nav{flex-wrap:wrap}}
/* Shared administration shell: fixed navigation and independently scrolling content. */
body.management-body:has(.admin-sidebar){height:100dvh;overflow:hidden;display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:84px minmax(0,1fr)}
.admin-head{grid-column:1/-1;grid-row:1;padding:16px 28px;border-bottom:1px solid #e1e9f0;box-sizing:border-box;z-index:10}.admin-head h1{font-size:20px}.admin-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}.admin-actions span{font-size:12px;color:#8195a5}.admin-actions button{border:1px solid #dae5ed;border-radius:8px;background:#fff;padding:8px 14px;color:#526e83}
.admin-sidebar{grid-column:1;grid-row:2;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#f0f6fa);border-right:1px solid #dfe8f0;padding:25px 14px;overflow-y:auto;box-sizing:border-box}.admin-nav-label{font-size:11px;letter-spacing:2px;color:#93a5b3;margin:0 16px 18px}.admin-sidebar nav{display:flex;flex-direction:column;gap:8px}.admin-sidebar nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;border-radius:10px;text-decoration:none;color:#536e82;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .18s,color .18s}.admin-sidebar nav a:hover{background:#edf6fc;color:#208bca}.admin-sidebar nav a.selected{background:linear-gradient(100deg,#e1f2ff,#edf8ff);color:#167eb9;border-color:#c7e6fb;box-shadow:0 4px 12px #1989c50a}.admin-sidebar nav a.selected::after{content:'';width:4px;height:20px;margin-left:auto;border-radius:4px;background:#2c9bd8}.admin-sidebar nav a span{font-size:20px}.admin-sidebar-footer{margin-top:auto;padding:28px 16px 0;color:#92a4b1;line-height:1.8;font-size:12px}
body.management-body:has(.admin-sidebar)>.management-main,body.management-body:has(.admin-sidebar)>.admin-main{grid-column:2;grid-row:2;overflow:auto;min-width:0;width:100%;max-width:none;margin:0;padding:26px 30px 40px;box-sizing:border-box}.admin-main>.admin-card{max-width:1120px;margin:0 auto}.management-main .breadcrumb{margin-bottom:18px}
@media(max-width:1000px){body.management-body:has(.admin-sidebar){grid-template-columns:180px minmax(0,1fr);grid-template-rows:96px minmax(0,1fr)}.admin-head h1{font-size:16px}.admin-head{padding:12px 20px}.admin-actions{gap:10px}.admin-actions span{display:none}body.management-body:has(.admin-sidebar)>.management-main,body.management-body:has(.admin-sidebar)>.admin-main{padding:20px}}
@media(max-width:760px){body.management-body:has(.admin-sidebar){grid-template-columns:132px minmax(0,1fr);grid-template-rows:122px minmax(0,1fr)}.admin-head{gap:10px;align-items:flex-start;justify-content:center}.admin-sidebar{padding:20px 8px}.admin-sidebar nav a{padding:0 10px;font-size:12px;gap:6px}.admin-sidebar nav a span{font-size:16px}.admin-nav-label{margin-left:10px}.admin-sidebar-footer{padding-left:10px}body.management-body:has(.admin-sidebar)>.management-main,body.management-body:has(.admin-sidebar)>.admin-main{padding:16px 12px}.admin-actions{font-size:12px}.admin-head h1{font-size:14px}.admin-card{padding:20px}}