:root{--blue:#117bae;--blue2:#13a6ce;--nav:#eef3f7;--line:#c8d5df;--ink:#17344d;--muted:#60778a;--head:#e8eff5;--danger:#d93b3b;--ok:#148c58;--amber:#edae16;--sidebar:248px;font-family:"Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;color:var(--ink);background:#fff;font-size:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.login-view{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#061727,#0c5984 62%,#10a2c8);padding:24px}.login-view::before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px}.login-card{position:relative;width:min(430px,100%);background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.6);box-shadow:0 28px 80px rgba(0,0,0,.32);padding:36px}.login-brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.login-brand h1{font-size:22px;margin:0 0 4px}.login-brand p{margin:0;color:var(--muted);font-size:12px}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#ffcf55,#ee8d25);border:4px solid #0d5684;color:#fff;font-weight:800;box-shadow:0 0 0 3px #fff}.brand-mark.small{width:40px;height:40px;border-width:3px;font-size:12px}.login-card label{display:block;margin:0 0 15px;font-weight:700}.login-card input{display:block;width:100%;height:42px;margin-top:7px;padding:0 11px;border:1px solid var(--line);outline:0}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(17,123,174,.14)}.login-card button,.dialog footer button{border:1px solid #086a9d;background:linear-gradient(#1597c3,#0e75aa);color:#fff;padding:9px 18px}.login-card>form>button{width:100%;height:44px;margin-top:5px;font-weight:700}.form-error{min-height:20px;color:var(--danger);margin:10px 0 0}.app{min-height:100vh}.topbar{height:66px;background:linear-gradient(180deg,#178ac0,#1176aa);color:#fff;display:flex;align-items:center;padding:0 18px;gap:28px;border-bottom:1px solid #0b6494}.topbar-brand{display:flex;align-items:center;gap:10px;min-width:360px}.topbar-brand div{display:grid}.topbar-brand strong{font-size:17px;font-weight:700}.topbar-brand span{font-size:11px}.welcome{display:flex;align-items:center;gap:7px;border-left:1px solid rgba(255,255,255,.35);padding-left:18px;white-space:nowrap}.welcome button{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.5);padding:3px 8px}.topbar-metrics{margin-left:auto;display:flex;gap:28px}.topbar-metrics>div{display:grid;grid-template-columns:21px auto;grid-template-rows:auto auto;column-gap:5px;min-width:68px;line-height:1.05}.topbar-metrics i{grid-row:1/3;width:19px;height:19px;display:grid;place-items:center;font-style:normal;color:white;font-size:11px;border:1px solid rgba(255,255,255,.6)}.topbar-metrics i.red{background:#dd3e3e}.topbar-metrics i.gray{background:#889eaf}.topbar-metrics i.amber{background:#efad13}.topbar-metrics span{font-size:11px}.topbar-metrics strong{font-size:14px;font-weight:500}.workspace{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:calc(100vh - 66px)}.sidebar{background:#edf3f7;border-right:1px solid #bfcdda;padding:7px 5px;display:flex;flex-direction:column;min-height:calc(100vh - 66px)}.nav-title{display:flex;justify-content:space-between;align-items:center;width:100%;height:30px;border:1px solid #bccbd7;background:linear-gradient(#fff,#e2eaf0);padding:0 9px;text-align:left}.nav-group{margin-top:5px}.nav-group-button,.nav-item-button{width:100%;border:1px solid #c0ced9;background:linear-gradient(#fff,#e5edf3);min-height:31px;text-align:left;padding:5px 10px;display:flex;align-items:center;gap:9px}.nav-group-button::before,.nav-item-button::before{content:"▦";color:#087bb4;font-size:12px}.nav-group-button span:last-child{margin-left:auto}.nav-group.open>.nav-group-button,.nav-item-button.active{color:#fff;border-color:#0783bb;background:linear-gradient(90deg,#0e8fbf,#11b2d3)}.nav-group.open>.nav-group-button::before,.nav-item-button.active::before{color:#fff}.nav-children{display:none;padding:3px 5px 3px 31px}.nav-group.open .nav-children{display:grid;gap:2px}.nav-child{border:1px solid transparent;background:transparent;text-align:left;min-height:28px;padding:4px 8px}.nav-child::before{content:"▫";color:#087bb4;margin-right:8px}.nav-child:hover,.nav-child.active{border-color:#b3ccdc;background:#fff;color:#086d9f}.main{min-width:0;background:#fff}.page-title{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:linear-gradient(#fff,#edf3f7)}.page-title h1{font-size:18px;margin:0;font-weight:500}.page-title div{display:flex;gap:6px;font-size:12px;color:#4f687d}.content{min-width:0}.notice-strip{padding:7px 12px;border-bottom:1px solid var(--line);background:#f7fbfd;display:flex;align-items:center;gap:18px;min-height:34px}.notice-strip strong{font-weight:600}.notice-strip .success{color:var(--ok);margin-left:auto}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.metric-card{padding:12px 14px;border-right:1px solid var(--line);background:linear-gradient(#fff,#f3f7fa)}.metric-card span{display:block;color:var(--muted);font-size:12px}.metric-card strong{font-size:25px;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;border-bottom:1px solid var(--line)}.dashboard-panel{min-height:225px;border-right:1px solid var(--line)}.panel-title{padding:8px 11px;border-bottom:1px solid var(--line);background:var(--head);font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.quick-card{border:1px solid var(--line);background:#fff;padding:12px;text-align:left;min-height:82px}.quick-card:hover{border-color:#1994c1;background:#f0fbff}.quick-card strong{display:block;color:#096f9e;margin-bottom:6px}.quick-card span{font-size:12px;color:var(--muted)}.alert-list{margin:0;padding:0;list-style:none}.alert-list li{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #dfe7ed}.tag{display:inline-block;padding:2px 7px;border-radius:10px;background:#e7f5ee;color:var(--ok);font-size:11px;white-space:nowrap}.tag.warn{background:#fff4d7;color:#9b6700}.tag.danger{background:#ffe8e8;color:#bd2929}.module-toolbar{min-height:39px;padding:5px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;background:#f4f8fb;flex-wrap:wrap}.module-toolbar .summary{margin-right:auto}.module-toolbar input,.module-toolbar select{height:29px;border:1px solid #bdccd8;background:#fff;padding:0 8px}.module-toolbar input{width:250px}.tool-btn{height:29px;border:1px solid #aebfcd;background:linear-gradient(#fff,#e6edf2);padding:0 10px;color:#22506e}.tool-btn.primary{background:linear-gradient(#1597c3,#0e75aa);border-color:#0872a5;color:#fff}.tool-btn.danger{color:#b72f2f}.table-wrap{width:100%;overflow:auto;max-height:calc(100vh - 218px)}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px;font-size:13px}th,td{padding:6px 8px;border-right:1px solid #d1dde6;border-bottom:1px solid #d1dde6;white-space:nowrap;text-align:center;height:34px}th{position:sticky;top:0;z-index:2;background:#eaf0f5;color:#415b70;font-weight:500}tbody tr:nth-child(even){background:#f6f9fb}tbody tr:hover{background:#eaf7fc}td.left{text-align:left;max-width:320px;overflow:hidden;text-overflow:ellipsis}.empty{padding:48px;text-align:center;color:var(--muted)}.dialog{width:min(820px,calc(100vw - 30px));border:1px solid #8ea6b8;padding:0;box-shadow:0 20px 70px rgba(13,37,56,.3)}.dialog::backdrop{background:rgba(6,22,34,.5)}.dialog header{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:linear-gradient(#f8fbfd,#dfe9f0);border-bottom:1px solid var(--line)}.dialog h2{font-size:17px;margin:0}.icon-btn{border:0;background:transparent;font-size:25px}.form-grid{display Line?}