:root{--bg: #0b1320;--card: #141c2f;--text: #e8eefc;--muted: #9bb0d3;--accent: #3ea3ff;--table-border: #2a3550;--btn: #25314d;--success: #2e7d32;--warning: #8a6c00}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:95%;margin:0 auto;padding:16px}.page h2{margin:16px 0}.card{background:var(--card);border-radius:12px;padding:16px;border:1px solid #202b44;box-shadow:0 6px 24px #00000026}.row{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}input,textarea,select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #2a3550;background:#0e1526;color:var(--text)}input[type=checkbox]{width:auto;height:auto}.btn{background:var(--btn);color:var(--text);border:1px solid #2a3550;padding:8px 14px;border-radius:10px;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn-primary{background:var(--accent);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-warning{background:#a46300;color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn.disabled,.btn[aria-disabled=true],.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.muted{color:var(--muted)}.spacer{height:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--table-border)}th{color:var(--muted);font-weight:600}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}header,footer{background:#0e1627;border-top:1px solid #202b44;border-bottom:1px solid #202b44}header .wrap,footer .wrap{display:flex;justify-content:space-between;align-items:center;padding:10px 16px}.input-error{border-color:#d93025!important;box-shadow:0 0 0 1px #d9302526}.helper-text{font-size:12px;margin-top:4px}.helper-text.error{color:#d93025}:root{--login-left-bg: #000064;--brand-blue: #0e1879;--text-primary: #1b1b1b;--text-secondary: #6b6b6b;--link-blue: #0067b8;--btn-blue: #0067b8;--btn-blue-hover: #005a9e}.login-layout{display:flex;min-height:100vh;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);background:#fff}.login-left{flex:1;background:var(--login-left-bg)}.login-right{flex:1;display:flex;align-items:center;justify-content:center;background:#fff}.login-card{width:360px}.login-title{font-size:48px;font-weight:700;color:var(--brand-blue);margin-bottom:24px}.login-subtext{color:var(--text-secondary);margin:8px 0 16px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form label{font-weight:600;color:var(--text-primary)}.login-form select{background:#fff;color:#000;padding:8px;border:1px solid #d1d5db;border-radius:6px;outline:none}.login-form select:focus{border-color:var(--link-blue);box-shadow:0 0 0 3px #0067b826}.login-reset{color:var(--link-blue)!important;text-decoration:none}.login-reset:hover{text-decoration:underline}.btn-primary{background:var(--btn-blue);color:#fff;border:none;padding:10px 14px;border-radius:6px;cursor:pointer}.btn-primary:hover{background:var(--btn-blue-hover)}.login-logo{width:200px;height:auto;display:block;margin-bottom:24px}.link-white,.link-white:visited,.link-white:hover{color:#fff;text-decoration:underline}.remark-wrap{white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.header-actions .btn{margin-left:0}.header-actions .btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;line-height:1;box-sizing:border-box}table.table.state-history{width:100%;table-layout:fixed}table.table.state-history th,table.table.state-history td{vertical-align:top}table.table.state-history col.col-epr,table.table.state-history col.col-sso{width:96px}table.table.state-history col.col-b6{width:240px}table.table.state-history col.col-changedby{width:260px}table.table.state-history col.col-changedon{width:22ch}table.table.state-history col.col-remark{width:auto}table.table.state-history col.col-actions{width:96px}table.table.state-history th.actions,table.table.state-history td.actions{text-align:right;white-space:nowrap}table.table.state-history th.changedby,table.table.state-history td.changedby{overflow-wrap:anywhere;word-break:break-word}table.table.state-history th.changedon,table.table.state-history td.changedon{white-space:nowrap}table.table.state-history th.changedon,table.table.state-history td.changedon{padding-left:6px;padding-right:6px}table.table.state-history th.remark,table.table.state-history td.remark-wrap{min-width:15ch;overflow-wrap:anywhere;word-break:break-word}table.table.state-history td.actions .btn,.btn.btn-small{height:26px;padding:0 10px;line-height:1;font-size:12px;border-radius:8px}.card{overflow-x:auto}table.table.state-history{min-width:calc(788px + 37ch)}