:root{--ink:#19243c;--muted:#6e788c;--primary:#355bea;--line:#e7ebf2;--bs-primary:#355bea;--bs-body-font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}body{color:var(--ink);background:#f6f8fc}.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:#2747c5;--bs-btn-hover-border-color:#2747c5}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:8px;font-size:26px;font-weight:750;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--primary);color:white;font-size:23px}.brand-dot{color:var(--primary);margin-left:-7px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:36px}.login-shell{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 20px 80px #1c34500b}.login-intro{padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 0% 100%,#dce5ff,transparent 65%),#eef2ff}.login-intro h1{font-weight:750;font-size:40px;line-height:1.5;margin:20px 0}.login-intro p{color:var(--muted);line-height:1.9}.intro-footer{color:var(--muted);font-size:12px}.login-form-wrap{padding:48px;display:flex;align-items:center}.login-form-inner{width:100%;max-width:380px;margin:auto}.login-form-inner h2{font-size:28px;font-weight:700}.form-control{border-color:#dce2ed;border-radius:9px}.form-label{font-size:14px;font-weight:600}.btn{border-radius:8px}.login-form-inner .btn{font-size:16px;padding:14px}.sidebar{--bs-offcanvas-width:260px;background:#fff!important;border-right:1px solid var(--line)!important}.sidebar .offcanvas-header{padding:30px 24px}.sidebar .offcanvas-body{padding:14px 18px;display:flex;flex-direction:column}.sidebar-content{display:flex;flex-direction:column;flex:1;width:100%}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#8d96a9;padding:0 14px;margin-bottom:15px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:9px;text-decoration:none;font-weight:600;font-size:14px}.nav-item.active{background:#eef2ff;color:var(--primary)}.nav-item>span{font-size:22px}.sidebar-note{margin:34px 12px;padding:18px 12px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:600}.sidebar-note p{margin:10px 0 0 15px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.8}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21a47b;margin-right:5px}.sidebar-bottom{margin-top:auto;padding:20px 12px;color:var(--muted);font-size:11px}.topbar{background:#fff;min-height:85px;border-bottom:1px solid var(--line);padding:18px 36px;display:flex;align-items:center;justify-content:space-between;gap:14px}.admin-account{display:flex;align-items:center;gap:12px}.account-name{font-size:13px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#eaf0ff;border-radius:50%;color:var(--primary);font-size:12px;font-weight:700}.main-content{padding:38px 36px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.page-heading h1{font-size:29px;font-weight:750;margin:10px 0}.page-heading p{font-size:14px}.environment-badge{border:1px solid var(--line);background:white;padding:8px 12px;font-size:12px;border-radius:7px;white-space:nowrap}.stat-card,.panel{background:white;border:1px solid var(--line);border-radius:12px}.stat-card{padding:22px}.stat-card>strong{display:block;font-size:35px;font-weight:650;margin:16px 0 7px;line-height:1.2}.stat-card small{font-size:11px}.stat-card .text-secondary{font-size:13px}.stat-icon{background:#eef2ff;color:var(--primary);border-radius:10px;width:37px;height:37px;display:grid;place-items:center;font-size:23px}.panel-heading{padding:23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2{font-size:16px;font-weight:650;margin:0}.table{font-size:12px;--bs-table-border-color:#f0f2f7}.table th{font-size:11px;background:#fafbfe;color:var(--muted);font-weight:500;padding:14px 22px;white-space:nowrap}.table td{padding:17px 22px}.activity-dot{display:inline-block;width:6px;height:6px;background:#90a2f4;border-radius:50%;margin-right:8px}.system-list{list-style:none;margin:0;padding:10px 23px}.system-list li{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #f1f3f8;font-size:12px}.system-list strong{font-size:11px;font-weight:600}.badge.text-bg-success{background:#e9f8f1!important;color:#208460!important;font-weight:500}.milestone-note{margin:12px 22px 22px;padding:16px;background:#f5f7ff;border-radius:8px;font-size:12px}.milestone-note p{color:var(--muted);font-size:11px;line-height:1.8;margin:7px 0 0}.page-footer{display:flex;justify-content:space-between;gap:12px;padding:20px 36px;color:#8d96a9;font-size:10px}.empty-state{text-align:center;padding:50px 20px;color:var(--muted);font-size:13px}.empty-state>span{font-size:30px}.empty-state p{margin-top:10px}a:focus-visible,button:focus-visible{outline:3px solid #97b1ff;outline-offset:3px}@media(min-width:992px){.sidebar{position:fixed;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column;visibility:visible!important}.sidebar .offcanvas-body{flex-grow:1}.admin-content{margin-left:250px;min-height:100vh;display:flex;flex-direction:column}.main-content{width:100%;flex:1}}@media(max-width:991px){.topbar{padding:16px 20px}.main-content{padding:28px 20px}.account-name{display:none}.page-footer{padding:20px}.login-page{padding:24px}.login-intro,.login-form-wrap{padding:32px}.login-intro h1{font-size:30px}}@media(max-width:575px){.login-page{padding:14px}.login-shell{grid-template-columns:1fr;min-height:auto;border-radius:14px}.login-intro{padding:24px;gap:20px}.login-intro h1{font-size:25px;margin:8px 0}.login-intro p,.intro-footer{display:none}.login-form-wrap{padding:30px 24px}.login-form-inner h2{font-size:25px}.brand{font-size:24px}.topbar{flex-wrap:wrap;padding:14px 16px}.topbar>div:first-child{flex:1}.admin-account{gap:8px}.avatar{display:none}.main-content{padding:25px 16px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-heading h1{font-size:26px}.panel-heading{padding:18px;flex-wrap:wrap}.page-footer{flex-direction:column;padding:18px 16px}.stat-card{padding:20px}.table td,.table th{padding:14px 16px}}
/* Bootstrap hides offcanvas headers at desktop widths; retain the product identity. */
.sidebar .offcanvas-header{display:flex}
.management-form{max-width:960px}.action-group{display:flex;flex-wrap:wrap;gap:8px}.url-cell{max-width:260px;overflow-wrap:anywhere}.rotation-form{min-width:230px;max-width:340px}.api-result{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#f5f7ff;border-radius:8px}.nav-item{margin-bottom:5px}.sidebar .nav-item:not(.active){color:var(--muted)}
.announcement-title{min-width:220px;max-width:370px;overflow-wrap:anywhere}.announcement-edit-image{max-width:100%;max-height:220px;border-radius:8px}.announcement-targets{max-height:300px;overflow:auto;display:grid;gap:12px}.announcement-preview-body{white-space:pre-wrap;overflow-wrap:anywhere;text-align:start}.announcement-preview-image{max-width:100%;max-height:320px;object-fit:contain;border-radius:8px;margin-bottom:18px}.announcement-preview-link{display:block;margin-top:20px}.announcement-preview-banner{width:min(960px,calc(100vw - 32px))!important}.announcement-editor fieldset{min-width:0}.announcement-editor textarea{line-height:1.75}