:root{--navy:#10253a;--navy2:#18354d;--blue:#146ea8;--teal:#1b9c94;--ink:#172c3f;--muted:#687989;--line:#e4ebf0;--bg:#f4f7f9;--white:#fff;--shadow:0 13px 34px rgba(19,45,67,.055);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3vw,38px);letter-spacing:-.045em;margin-bottom:8px}h2{font-size:19px;letter-spacing:-.025em;margin-bottom:0}small{font-size:12px}[hidden]{display:none!important}:focus-visible{outline:3px solid #49b4d4;outline-offset:3px}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--teal);font-weight:800;margin:0 0 10px;text-transform:uppercase}.button{border:1px solid transparent;border-radius:10px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;transition:background .18s,border-color .18s,transform .18s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--blue);color:white}.button.primary:hover{background:#0b5d94}.button.subtle{background:#f2f6f8;border-color:#dce6ed;color:#35516a}.button.subtle:hover{background:#e8f0f4}.button.wide{width:100%;margin-top:8px}.text-button{border:0;background:none;color:var(--blue);font-size:12px;font-weight:800;padding:7px}.text-button:hover{text-decoration:underline}.icon-button{border:0;background:transparent;color:inherit;width:31px;height:31px;border-radius:7px;font-size:20px;display:grid;place-items:center}.icon-button:hover{background:#e9eff3}.stack{display:grid;gap:15px}.stack label{display:grid;gap:7px;color:#364e61;font-size:12px;font-weight:800}.stack input,.stack select,.stack textarea,.search-wrap input{border:1px solid #d8e2e9;border-radius:9px;background:#fff;color:var(--ink);padding:10px 12px;min-height:42px;outline:0}.stack input:focus,.stack select:focus,.stack textarea:focus,.search-wrap input:focus{border-color:#5fb0cf;box-shadow:0 0 0 3px #d9f1f5}.stack textarea{resize:vertical}.field-help{color:var(--muted);font-size:12px;line-height:1.6;margin:-2px 0 0}
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr;background:#fff}.login-panel{width:min(400px,calc(100% - 64px));margin:auto}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-mark{height:38px;width:38px;border:2px solid #4cc7bf;border-radius:10px;display:grid;place-items:center;font-size:23px;font-weight:900;color:#4cc7bf;line-height:1;font-family:Arial,sans-serif}.brand strong{display:block;font-size:17px;letter-spacing:.08em;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:.2em;opacity:.68;margin-top:5px}.brand-login{color:var(--navy);margin-bottom:75px}.login-panel h1{font-size:35px;margin-bottom:10px}.login-copy{color:var(--muted);line-height:1.8;margin:0 0 35px;font-size:14px}.form-error{min-height:18px;color:#b64b4b;font-size:12px;margin:12px 0 0}.setup-hint{color:#9c6128;background:#fff8e9;padding:12px;border-radius:8px;font-size:12px;line-height:1.6}.login-aside{background:linear-gradient(130deg,#173f57,#0a2439 65%,#092033);position:relative;overflow:hidden;display:flex;align-items:flex-end}.login-aside:before,.login-aside:after{content:"";position:absolute;border:1px solid rgba(113,218,214,.13);border-radius:50%;width:700px;height:700px;right:-160px;top:-280px}.login-aside:after{width:440px;height:440px;right:-20px;top:-145px}.login-aside-inner{position:relative;z-index:1;padding:70px;color:#fff}.login-aside-inner .aside-rule{display:block;width:46px;height:3px;background:#4cc7bf;margin-bottom:27px}.login-aside-inner p{font-size:clamp(23px,3vw,41px);line-height:1.35;letter-spacing:-.03em;font-weight:300;margin-bottom:18px}.login-aside-inner>span:last-child{font-size:12px;letter-spacing:.22em;color:#a6c5d0}
.workspace{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:var(--navy);min-height:100vh;padding:31px 17px 18px;color:#d7e4ec;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 14px 46px}.sidebar-section-label{padding:0 15px 12px;font-size:10px;letter-spacing:.15em;color:#8099aa;font-weight:800}.nav{display:grid;gap:5px}.nav-link{border:0;background:transparent;color:#a9becc;padding:12px 14px;text-align:left;border-radius:9px;display:flex;align-items:center;gap:13px;font-size:13px;font-weight:700}.nav-link:hover{background:#1a3a51;color:#fff}.nav-link.active{background:#234b63;color:#fff;box-shadow:inset 3px 0 #4cc7bf}.nav-icon{font-size:18px;width:18px;text-align:center;font-weight:400;line-height:1}.sidebar-spacer{flex:1}.sidebar-foot{font-size:11px;color:#86a6b6;display:flex;align-items:center;gap:8px;padding:12px 14px 18px}.foot-dot{height:6px;width:6px;background:#49b6af;border-radius:50%}.account{border-top:1px solid #2d485a;padding:18px 7px 0;display:flex;align-items:center;gap:10px}.account-avatar{background:#2c556c;color:#9ce6e0;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;font-weight:800}.account-text{flex:1;min-width:0}.account-text strong,.account-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-text strong{font-size:12px;color:#fff}.account-text small{color:#8da9b9;font-size:10px;margin-top:3px}.account .icon-button:hover{background:#2c5269}.content-area{min-width:0}.topbar{height:68px;border-bottom:1px solid #e5edf1;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 43px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:11px;font-size:12px}.topbar-label{font-size:10px;font-weight:900;letter-spacing:.16em;color:#9cabb6}.topbar-slash{color:#c7d3da}.topbar-left strong{color:#2b4659}.topbar-right{color:#788b99}.topbar-divider{width:1px;height:16px;background:#dce5eb}.topbar-user{font-weight:800;color:#3f586b}.main{padding:39px 43px 64px;max-width:1500px;margin:auto}.view{min-height:520px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 28px}.page-heading p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0;line-height:1.6}.dashboard-heading{margin-bottom:30px}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:22px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);text-align:left;padding:21px 22px 18px;min-height:158px;display:grid;grid-template-columns:1fr auto;align-content:start;transition:transform .18s,border-color .18s}.metric-card:hover{transform:translateY(-3px);border-color:#b6d3df}.metric-icon{grid-column:2;grid-row:1 / span 2;width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-size:20px}.metric-icon.blue{background:#e8f3f9;color:#1f83b3}.metric-icon.teal{background:#e4f5f2;color:#169c8b}.metric-icon.amber{background:#fff4e5;color:#c88630}.metric-label{font-size:12px;color:#667c8d;font-weight:800;grid-column:1;grid-row:1}.metric-card strong{font-size:32px;grid-column:1;line-height:1.4;margin:5px 0}.metric-action{grid-column:1 / -1;border-top:1px solid #edf1f3;padding-top:12px;margin-top:11px;color:var(--blue);font-size:11px;font-weight:800;display:flex;justify-content:space-between}.dashboard-columns{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.systems-panel,.recent-panel{padding:24px;min-height:294px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.section-heading .eyebrow{margin-bottom:6px}.section-heading.compact{margin:0}.quick-systems{display:grid;gap:9px}.quick-system{border:1px solid #e4ecf1;border-radius:10px;padding:13px 14px;display:flex;align-items:center;gap:12px;text-decoration:none;width:100%;background:#fff;color:var(--ink);text-align:left}.quick-system.enabled:hover{background:#f4fbfd;border-color:#b0d8e5}.quick-system.disabled{opacity:.66;cursor:default}.quick-icon{height:37px;width:37px;display:grid;place-items:center;border-radius:9px;background:#eaf3f7;color:#23799d;font-size:18px;flex:none}.quick-system span:nth-child(2){flex:1;min-width:0}.quick-system strong,.quick-system small{display:block}.quick-system strong{font-size:12px}.quick-system small{color:var(--muted);font-size:10px;margin-top:3px}.quick-arrow{color:#7e9aad}.empty-state{padding:36px 20px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.empty-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#f0f5f7;color:#7d9aad;font-size:22px;margin:0 auto 12px}.empty-state strong{display:block;color:#3b5365;font-size:14px;margin-bottom:3px}.recent-item{border-top:1px solid #edf1f4;padding:13px 0;display:flex;gap:11px;align-items:center;min-width:0}.recent-item:first-child{border-top:0}.file-icon{height:34px;width:34px;display:grid;place-items:center;border-radius:8px;background:#eaf4f7;color:#1d7fa2;flex:none;font-size:16px}.recent-item span:nth-child(2){min-width:0;flex:1}.recent-item strong,.recent-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item strong{font-size:12px}.recent-item small{font-size:10px;color:var(--muted);margin-top:3px}.recent-item button{border:0;background:none;color:var(--blue);font-size:11px;font-weight:800}.library-panel{overflow:hidden}.library-toolbar{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.tabs{display:flex;gap:3px;flex-wrap:wrap}.tab{border:0;background:transparent;padding:9px 13px;border-radius:8px;color:#697f8f;font-size:12px;font-weight:800}.tab.active{background:#eaf4f8;color:#146a94}.search-wrap{position:relative;min-width:235px}.search-wrap span{position:absolute;left:12px;top:8px;font-size:21px;color:#8ea6b4}.search-wrap input{width:100%;padding-left:35px;font-size:12px;height:39px;min-height:39px}.document-table{width:100%;border-collapse:collapse;font-size:12px}.document-table th{text-align:left;background:#fbfcfd;color:#82929d;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:12px 20px;border-bottom:1px solid var(--line);white-space:nowrap}.document-table td{padding:15px 20px;border-bottom:1px solid #edf1f3;vertical-align:middle}.document-table tr:last-child td{border-bottom:0}.document-table tr:hover td{background:#fbfdfe}.doc-title{font-weight:800;color:#263f53}.doc-sub{font-size:10px;color:#8697a4;margin-top:4px}.doc-code{font-family:ui-monospace,monospace;font-weight:700;color:#367292;font-size:11px}.badge{border-radius:100px;padding:5px 9px;display:inline-flex;align-items:center;font-size:10px;font-weight:800;white-space:nowrap}.badge.approved{background:#e7f6ef;color:#218259}.badge.draft{background:#edf2f6;color:#607b8d}.badge.under_review{background:#fff2df;color:#a56c1f}.badge.rejected{background:#fdeae8;color:#ad524b}.actions{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap}.action-button{border:1px solid #dce8ee;background:#fff;color:#216e92;font-size:11px;font-weight:800;border-radius:7px;padding:6px 9px;white-space:nowrap}.action-button:hover{background:#eaf5f8}.action-button.warn{color:#ad6732}.systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.system-card{padding:27px;min-height:205px;display:flex;flex-direction:column;align-items:flex-start}.system-card .system-icon{width:45px;height:45px;background:#eaf4f8;color:#177ca3;border-radius:11px;display:grid;place-items:center;font-size:23px;margin-bottom:17px}.system-card h2{margin-bottom:7px}.system-card p{color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:18px}.system-card .button{margin-top:auto}.system-card .button:disabled{background:#eff3f5;color:#95a7b2;border:1px solid #e2e9ee}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-panel{padding:23px}.span-two{grid-column:1 / -1}.admin-list{display:grid;gap:0}.admin-row{border-top:1px solid #edf1f4;padding:12px 0;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:12px}.admin-row:first-child{border:0}.admin-row strong,.admin-row small{display:block}.admin-row small{color:var(--muted);margin-top:3px}.admin-row>span:last-child{color:#698091;text-align:right}.profile-panel{margin-top:34px;padding:19px 23px;display:flex;justify-content:space-between;align-items:center;gap:16px}.profile-panel strong{font-size:13px}.profile-panel p{font-size:11px;color:var(--muted);margin:4px 0 0}.dialog{border:0;border-radius:15px;box-shadow:0 30px 80px rgba(9,32,50,.28);width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0}.dialog::backdrop{background:rgba(9,31,48,.57)}.dialog-body{padding:25px;overflow:auto;max-height:calc(100vh - 40px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.dialog-head h2{font-size:21px}.dialog-close{font-size:25px;color:#78909f}.dialog-intro{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.history-row{border-top:1px solid var(--line);padding:15px 0}.history-row:first-child{border-top:0}.history-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.history-row p{font-size:12px;color:#607484;margin:7px 0 0;line-height:1.5}.history-row small{font-size:10px;color:#8a9ba6}.history-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.toast{position:fixed;right:25px;bottom:22px;background:#173c55;color:white;padding:13px 18px;border-radius:10px;box-shadow:0 14px 30px rgba(0,0,0,.2);font-size:12px;z-index:30;max-width:min(370px,calc(100vw - 32px))}
@media(max-width:1050px){.workspace{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-inline:10px}.main{padding:30px 25px 55px}.topbar{padding-inline:25px}.dashboard-columns{grid-template-columns:1fr}.systems-panel,.recent-panel{min-height:0}}@media(max-width:740px){.login-screen{grid-template-columns:1fr}.login-aside{display:none}.login-panel{padding:40px 0}.brand-login{margin-bottom:55px}.workspace{display:block}.sidebar{position:relative;height:auto;min-height:0;padding:14px 15px}.sidebar .brand{padding:0 0 16px}.sidebar-section-label,.sidebar-spacer,.sidebar-foot,.account{display:none}.nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:3px}.nav-link{white-space:nowrap;padding:9px 11px;font-size:11px}.nav-icon{font-size:15px;width:auto}.topbar{height:48px;padding-inline:17px}.topbar-right{display:none}.main{padding:26px 17px 40px}.page-heading{align-items:flex-start}.page-heading .button{font-size:11px;padding:9px 11px}.overview-grid{gap:8px}.metric-card{min-height:126px;padding:13px}.metric-card strong{font-size:26px}.metric-icon{width:28px;height:28px;font-size:16px}.metric-label{font-size:10px}.metric-action{font-size:9px}.systems-grid,.admin-grid{grid-template-columns:1fr}.span-two{grid-column:1}.library-toolbar{display:grid}.search-wrap{min-width:0}.document-table thead{display:none}.document-table,.document-table tbody,.document-table tr,.document-table td{display:block;width:100%}.document-table tr{padding:14px 17px;border-bottom:1px solid var(--line)}.document-table td{border:0;padding:3px 0}.document-table .actions{justify-content:flex-start;margin-top:8px}.profile-panel{align-items:flex-start}.today{display:none}}@media(max-width:420px){.overview-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{grid-column:1 / -1}.page-heading{display:block}.page-heading .button{margin-top:16px}.profile-panel{display:block}.profile-panel button{margin-top:13px}}
.identity-status{padding:12px 0 20px}.identity-status p{color:var(--muted);font-size:12px;margin:10px 0 0}
.nas-panel{padding:23px}.nas-panel>.field-help{margin-bottom:20px}.nas-list{margin-top:20px;border-top:1px solid var(--line)}.nas-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.nas-row>span{min-width:0;overflow-wrap:anywhere}.nas-row strong,.nas-row small,.nas-row code{display:block}.nas-row strong{font-size:13px}.nas-row small{font-size:11px;color:var(--muted);margin-top:5px}.nas-row code,.nas-path{font-size:11px;color:#35627b;background:#f1f6f8;padding:7px 9px;border-radius:6px;overflow-wrap:anywhere;margin-top:7px}.nas-path{margin:0 0 17px}#nas-import-new-fields{margin-top:15px}#nas-import-form>.stack+.stack{margin-top:15px}@media(max-width:740px){.nas-row{display:block}.nas-row .actions{justify-content:flex-start;margin-top:11px}}
.nas-control-note{margin:20px 0 0!important}
@media(max-width:740px){.sidebar .account{display:flex;border-top:1px solid #2d485a;padding:10px 4px 0;margin-top:7px}.sidebar .account-text{max-width:180px}.sidebar .account-avatar{width:30px;height:30px}}

/* Company brand mark from the project management branding settings. */
.brand-mark{flex:none;width:38px;height:38px;border:1px solid #b78e3d;border-radius:9px;background-color:#111112;background-image:url('/api/brand-logo');background-repeat:no-repeat;background-size:320%;background-position:center 35%;font-size:0;overflow:hidden}

.announcement-list{display:grid;gap:16px}.announcement-card{padding:22px 25px}.announcement-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.announcement-head h2{font-size:18px;margin:5px 0 0}.announcement-head time{font-size:11px;color:var(--muted);white-space:nowrap}.announcement-card>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px;color:#41586a;margin:17px 0 0}.announcement-actions{display:flex;gap:8px;margin-top:18px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px}.checkbox-label input{width:auto;min-height:auto}