:root{--navy:#172c41;--blue:#275ddd;--blue-soft:#edf3ff;--bg:#f5f7fa;--ink:#203047;--muted:#7c8798;--line:#e7ebf0;--green:#13836c;--radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.6}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:7px;padding:10px 17px;background:#edf0f5;color:var(--ink);transition:background .15s}button:hover{background:#e2e7ef}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #9cb6ff;outline-offset:3px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #dce2ea;border-radius:7px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #275ddd14}textarea{resize:vertical;min-height:130px}label{display:block;font-weight:500;margin:18px 0}label input,label select,label textarea{display:block;margin-top:7px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.6px;margin-bottom:7px}h2{font-size:19px}h3{font-size:16px;margin-bottom:5px}.muted{color:var(--muted)}.primary{background:var(--blue);color:white}.primary:hover{background:#194cc6}.danger{background:#fff0ee;color:#c24538}.success{background:#e5f5ef;color:var(--green)}.wide{width:100%}.text-button{background:transparent;color:var(--muted);padding:7px}.text-button:hover{background:#f1f4fa;color:var(--blue)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;letter-spacing:2px;color:white}.brand b{font-size:15px;letter-spacing:1px;font-weight:400;opacity:.65}.brand-icon{display:grid;place-items:center;width:39px;height:39px;background:#3972f3;border-radius:11px;color:white;font-size:23px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600}.login-story{background:var(--navy);color:white;padding:48px 9%;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:42px;line-height:1.5;font-weight:500;margin:20px 0}.login-story p:not(.eyebrow){color:#b7c9d9;line-height:2}.login-story .eyebrow{color:#7aa8ff}.login-foot{color:#90a6ba;font-size:12px}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(370px,100%)}.login-card h2{font-size:27px;margin-bottom:8px}.login-card .eyebrow{color:var(--blue)}.login-card label:first-of-type{margin-top:38px}.login-card button{margin-top:10px;padding:13px}.login-help{font-size:12px;color:var(--muted);margin-top:25px;text-align:center}.form-error{color:#b9362a;font-size:13px;min-height:20px;margin:10px 0}.login-card .form-error{margin-bottom:0}#login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:224px;background:var(--navy);color:#b7c6d6;padding:30px 18px;display:flex;flex-direction:column}.sidebar .brand{padding-left:12px;margin-bottom:42px}.nav-caption{font-size:11px;letter-spacing:2px;color:#7f96aa;margin:0 0 13px 16px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 17px;border-radius:8px;margin:5px 0;transition:background .15s}.nav-item:hover{background:#ffffff0c;color:white}.nav-item.active{background:#2e5d9b;color:white}.nav-symbol{font-size:18px;width:23px;text-align:center}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #ffffff14;font-size:12px;color:#b4c6d6}.sidebar-bottom p{font-size:11px;color:#7f96aa;margin:8px 0 0}.live-dot{display:inline-block;width:6px;height:6px;background:#70c3aa;border-radius:50%;margin-right:6px}.main-shell{margin-left:224px;min-height:100vh;display:flex;flex-direction:column}.topbar{background:white;border-bottom:1px solid var(--line);min-height:77px;padding:15px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar>span{font-size:12px;color:var(--muted)}.profile{display:flex;align-items:center;gap:11px}.avatar{width:36px;height:36px;display:grid;place-items:center;background:#e9effb;color:var(--blue);border-radius:50%;font-size:14px}.profile strong{font-size:12px;display:block;font-weight:600}.profile small{display:block;font-size:10px;color:var(--muted)}.profile .text-button{font-size:11px;margin-left:12px}main{padding:34px 35px;max-width:1500px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading p{margin:0;font-size:13px;color:var(--muted)}.page-heading button{white-space:nowrap}.date-note{font-size:12px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:27px}.stat-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px 25px;display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--muted);font-size:12px}.stat-number{font-size:32px;font-weight:600;line-height:1.3;margin-top:10px}.stat-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;font-size:22px;background:#fff5e4;color:#cc9440}.stat-card:nth-child(2) .stat-symbol{background:#e8f7f1;color:var(--green)}.stat-card:nth-child(3) .stat-symbol{background:#fff0ee;color:#cd7869}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:22px}.panel-heading{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0;font-size:16px}.panel-heading p{margin:4px 0 0;font-size:12px;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center}.toolbar select{width:135px;padding:8px;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{background:#fafbfc;color:var(--muted);font-weight:500;padding:13px 23px}td{padding:17px 23px;border-top:1px solid #f0f2f6}.table-title{font-weight:500;max-width:260px;overflow:hidden;text-overflow:ellipsis}.table-sub{font-size:10px;color:var(--muted);margin-top:3px}.link-button{background:transparent;color:var(--blue);padding:3px 6px;font-size:12px}.link-button:hover{background:var(--blue-soft)}.badge{display:inline-block;border-radius:5px;padding:3px 9px;font-size:11px;background:#eef1f5;color:#718095}.badge.pending{background:#fff5e3;color:#ae7a25}.badge.approved,.badge.enabled{background:#e7f5ef;color:var(--green)}.badge.rejected,.badge.disabled{background:#fff0ed;color:#bb6455}.pagination{padding:14px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.pagination button{font-size:12px;padding:6px 12px}.empty{text-align:center;padding:58px 20px;color:var(--muted)}.empty strong{display:block;color:#66768a;font-weight:500;margin-bottom:7px}.notice{background:#edf3ff;color:#55729d;border:1px solid #e1eafb;border-radius:9px;padding:17px 22px;font-size:12px;line-height:1.9}.form-panel{max-width:700px;padding:26px 30px}.form-panel label:first-child{margin-top:0}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.hint{font-size:11px;color:var(--muted);margin:7px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:23px}.detail-grid dt{font-size:11px;color:var(--muted);margin-bottom:5px}.detail-grid dd{margin:0;font-size:13px}.detail-content{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fc;border-radius:8px;padding:17px;font-size:13px}.detail-section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.detail-section h3{font-size:13px}.detail-section h3:first-child{margin-top:0}dialog{border:1px solid var(--line);border-radius:15px;padding:26px 30px;width:min(620px,calc(100vw - 30px));max-height:88vh;box-shadow:0 25px 100px #172c4126;color:var(--ink)}dialog::backdrop{background:#12283d66;backdrop-filter:blur(2px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:16px}.modal-heading h2{margin:0;font-size:19px;overflow-wrap:anywhere}.icon-button{background:transparent;font-size:24px;padding:0 6px;color:var(--muted)}.checkbox-label{display:flex;gap:10px;align-items:center}.checkbox-label input{width:auto;margin:0}.inline-actions{display:flex;gap:5px}footer{text-align:center;color:#a0a9b6;font-size:10px;padding:15px 20px 22px}footer span{margin:0 8px}#toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:50;max-width:90vw;border:1px solid #dce5ef;background:white;box-shadow:0 5px 25px #172c4126;padding:12px 24px;border-radius:9px;color:var(--ink);font-size:13px}[hidden]{display:none!important}
@media(max-width:1000px){.sidebar{width:190px}.main-shell{margin-left:190px}main{padding:25px 22px}.topbar{padding:15px 22px}.stat-card{padding:19px}.stats{gap:12px}td,th{padding-left:16px;padding-right:16px}}
@media(max-width:720px){#login-view{grid-template-columns:1fr}.login-story{padding:25px;min-height:230px}.login-story h1{font-size:25px;margin:20px 0 10px}.login-story p:not(.eyebrow),.login-foot,.login-story .eyebrow{display:none}.login-panel{padding:32px 25px}.sidebar{position:static;width:auto;padding:15px}.sidebar .brand{margin:0;font-size:18px}.sidebar .brand-icon{width:30px;height:30px;font-size:19px}.nav-caption,.sidebar-bottom{display:none}#nav{display:flex;overflow:auto;margin-top:12px;gap:5px}.nav-item{white-space:nowrap;padding:8px 12px;font-size:12px}.nav-symbol{display:none}.main-shell{margin-left:0}.topbar{min-height:65px;padding:12px 20px}.topbar>span{display:none}.profile{width:100%}.profile .text-button{margin-left:auto}main{padding:23px 15px}h1{font-size:22px}.page-heading{gap:12px}.stats{gap:8px}.stat-card{padding:15px}.stat-symbol{display:none}.stat-number{font-size:27px}.panel-heading{padding:16px;flex-wrap:wrap}.form-panel{padding:22px}.date-note{display:none}.detail-grid{gap:15px}dialog{padding:22px}.pagination{padding:14px 16px}}