*{box-sizing:border-box}html,body{margin:0;font-family:Inter,"Segoe UI","Noto Sans TC",Arial,sans-serif;background:#061018;color:#eaf7f6}body{min-height:100vh}.bg-grid{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0%,rgba(0,224,198,.13),transparent 28%),radial-gradient(circle at 90% 10%,rgba(31,124,255,.12),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,34px 34px,34px 34px;z-index:-1}.glass{background:linear-gradient(180deg,rgba(13,32,42,.88),rgba(8,24,33,.84));border:1px solid rgba(107,231,220,.16);box-shadow:0 20px 60px rgba(0,0,0,.22);backdrop-filter:blur(12px)}a{color:#8feee5;text-decoration:none}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(120,220,220,.12);background:rgba(4,15,22,.85);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:white}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#00d9c0,#1b77ff);font-weight:900;box-shadow:0 0 30px rgba(0,224,198,.25)}.brand-mark.large{width:64px;height:64px;font-size:22px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#69cfc5}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.logout{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#d9ffff;border-radius:10px;padding:9px 11px}.badge-wrap{position:relative}.notif-badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;border-radius:999px;background:#ff5e73;color:white;font-size:11px;display:grid;place-items:center}.user-chip{display:flex;flex-direction:column;padding:0 8px}.user-chip small{color:#7898a4}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid rgba(255,255,255,.08);padding:24px 12px;display:flex;flex-direction:column;gap:8px;background:rgba(4,14,20,.55)}.sidebar a{padding:12px 14px;border-radius:10px;color:#bcd4d8}.sidebar a:hover{background:rgba(0,224,198,.08);color:white}.content{padding:28px;max-width:1500px;width:100%;margin:auto}.hero{border-radius:20px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h1,.page-head h1{margin:.2rem 0 .4rem;font-size:clamp(28px,4vw,44px)}.hero p,.page-head p,.muted-text{color:#86a5ad}.eyebrow{font-size:11px;letter-spacing:3px;color:#45dbc9;font-weight:800}.primary,.secondary,.success-btn,.return-btn,.danger-btn{border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,#00d8be,#1b78ff);color:#041419}.secondary{background:#15313c;color:#eaffff;border:1px solid rgba(255,255,255,.12)}.success-btn{background:#1fc89a;color:#032419}.return-btn{background:#f4b740;color:#2b1a00}.danger-btn{background:#ef5b70;color:white}.wide{width:100%}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.kpi{border-radius:16px;padding:20px;color:white}.kpi span,.kpi small{display:block;color:#91adb2}.kpi b{display:block;font-size:40px;margin:8px 0;color:#eaffff}.panel{border-radius:18px;padding:22px;margin-top:18px}.section-head,.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-head h2,.panel h2{margin:0}.section-head p{margin:3px 0;color:#7898a4;font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.quick-grid a{padding:22px;border:1px solid rgba(102,231,220,.14);border-radius:14px;background:rgba(0,224,198,.04);color:white}.quick-grid b,.quick-grid small{display:block}.quick-grid small{color:#7898a4;margin-top:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.07)}th{color:#7898a4;font-size:12px;text-transform:uppercase}.status{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.status.big{padding:8px 14px}.status.success{background:rgba(31,200,154,.14);color:#56e6ba}.status.warning{background:rgba(244,183,64,.14);color:#ffc85c}.status.info{background:rgba(64,177,255,.14);color:#6ec8ff}.status.danger{background:rgba(239,91,112,.14);color:#ff8293}.status.muted{background:rgba(150,170,180,.1);color:#9cb1b8}.tabs{display:flex;gap:8px;margin-top:16px;overflow:auto}.tabs a{padding:10px 14px;border-radius:10px;background:#102731;color:#a8c4c9;white-space:nowrap}.tabs a.active{background:linear-gradient(135deg,#00d8be,#1b78ff);color:#031519;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;color:#a9c5c9;font-size:13px}input,textarea,select{width:100%;border-radius:10px;border:1px solid rgba(130,220,220,.15);background:#071820;color:white;padding:12px 13px;outline:none}input:focus,textarea:focus{border-color:#27ccb9;box-shadow:0 0 0 3px rgba(0,224,198,.08)}.form-actions{display:flex;justify-content:flex-end;gap:10px}.detail-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.data-grid>div{padding:14px;background:rgba(255,255,255,.025);border-radius:10px}.data-grid span,.data-grid b{display:block}.data-grid span{color:#73949e;font-size:12px;margin-bottom:7px}.timeline{margin-top:15px}.timeline-item{position:relative;padding:0 0 22px 26px;border-left:1px solid rgba(255,255,255,.12)}.timeline-item:last-child{border-left-color:transparent}.timeline .dot{position:absolute;left:-6px;top:4px;width:11px;height:11px;border-radius:50%;background:#607b84}.timeline-item.approved .dot{background:#21d3a1}.timeline-item.pending .dot{background:#f4b740;box-shadow:0 0 0 6px rgba(244,183,64,.08)}.timeline p{margin:3px 0;color:#9eb9be}.timeline small{color:#66848d}.timeline blockquote{margin:8px 0;padding:8px 10px;border-left:3px solid #32c9b7;background:rgba(0,224,198,.05)}.approval-box textarea{margin-top:8px}.approval-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.notification-list{padding:8px}.notice{display:flex;gap:14px;padding:16px;border-bottom:1px solid rgba(255,255,255,.07);color:white}.notice:hover{background:rgba(0,224,198,.04)}.notice p{color:#93adb3;margin:4px 0}.notice small{color:#607c84}.phone-panel{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:16px;align-items:end}.phone-status{padding:16px;border-radius:12px;background:rgba(0,224,198,.05)}.phone-status span,.phone-status b,.phone-status small{display:block}.phone-status span,.phone-status small{color:#7898a4}.phone-status b{font-size:20px;margin:6px 0}.stack{display:flex;flex-direction:column;gap:12px}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.info-cards>div{padding:16px;border-radius:12px;background:rgba(255,255,255,.025)}.info-cards p{color:#86a3aa}.alert{padding:14px 16px;border-radius:12px;margin:16px 0}.alert.danger{background:rgba(239,91,112,.12);border:1px solid rgba(239,91,112,.25)}.alert.success{background:rgba(31,200,154,.12);border:1px solid rgba(31,200,154,.25)}.empty{text-align:center;color:#6f8d96;padding:30px!important}.mobile-nav{display:none}.login-body{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{width:min(460px,100%);border-radius:24px;padding:30px}.login-logo{display:flex;align-items:center;gap:16px}.login-logo h1{margin:0;font-size:32px}.login-logo p{margin:3px 0;color:#55c9bd;letter-spacing:2px;font-size:10px}.login-card h2{margin-top:28px}.demo-box{margin-top:18px;padding:14px;border-radius:10px;background:rgba(255,255,255,.04);color:#8ea9b0;font-size:12px;line-height:1.6}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px 14px 88px}.user-chip,.logout{display:none}.topbar{padding:0 14px}.kpi-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}.detail-grid,.phone-panel,.info-cards{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:rgba(4,16,23,.96);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.08);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;color:#9ab5ba;font-size:18px}.mobile-nav span{font-size:10px}.hero,.page-head{align-items:flex-start;flex-direction:column}.form-grid,.data-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.approval-actions{display:grid;grid-template-columns:1fr 1fr}.approval-actions .danger-btn{grid-column:1/-1}.brand small{display:none}}@media(max-width:520px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi{padding:15px}.kpi b{font-size:30px}.panel{padding:16px}.hero{padding:20px}.form-actions{display:grid;grid-template-columns:1fr 1fr}.form-actions>*{text-align:center}.top-actions{gap:6px}.icon-btn{padding:8px}}
/* ===== V1.1 additions ===== */
.version-pill{display:inline-flex;margin-top:18px;padding:5px 10px;border:1px solid rgba(69,219,201,.35);border-radius:999px;color:#67e3d4;font-size:11px;font-weight:900;letter-spacing:2px;background:rgba(0,224,198,.06)}
.alert.info{background:rgba(64,177,255,.12);border:1px solid rgba(64,177,255,.25)}
.field-help{color:#688b94;font-size:11px;line-height:1.5}.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.proxy-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(63,167,255,.12);color:#79caff;font-size:11px;font-weight:800}.subsection{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.subsection h3{margin:0 0 12px}.attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attachment-list a{display:flex;gap:10px;align-items:center;padding:12px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:#eaffff}.attachment-list b,.attachment-list small{display:block}.attachment-list small{color:#708e97;margin-top:3px}.approval-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.approval-tools details{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;background:rgba(255,255,255,.02)}.approval-tools summary{cursor:pointer;color:#b7d5d8;font-weight:700}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form input,.inline-form select{width:auto;min-width:160px;flex:1}.inline{display:inline}.danger-outline{border:1px solid rgba(239,91,112,.45);background:rgba(239,91,112,.06);color:#ff8696;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.compact-panel{display:flex;align-items:center;justify-content:space-between;gap:18px}.compact-panel h2,.compact-panel p{margin:0}.compact-panel p{color:#7898a4;margin-top:4px}.activity-list{display:flex;flex-direction:column;margin-top:12px}.activity-list>div{display:grid;grid-template-columns:150px 120px 200px 1fr;gap:10px;align-items:start;padding:10px;border-bottom:1px solid rgba(255,255,255,.06)}.activity-list span,.activity-list small{color:#6f8e97}.activity-list em{font-style:normal;color:#72d8cb;font-family:Consolas,monospace;font-size:12px}.quick-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(0,224,198,.08);color:#59e3d3;margin-bottom:12px}.sidebar-label{font-size:9px;letter-spacing:2px;color:#506d76;padding:18px 14px 4px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-grid a{display:flex;flex-direction:column;gap:7px;padding:20px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);color:white}.admin-grid a>span{font-size:25px}.admin-grid small{color:#7898a4}.block{display:block;color:#66858e;margin-top:4px}.check-label{flex-direction:row;align-items:center}.check-label input{width:auto}.table-details summary{cursor:pointer;color:#7de6da}.mini-editor{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px;padding:12px;min-width:520px;background:#081a23;border:1px solid rgba(255,255,255,.08);border-radius:10px;position:absolute;right:20px;z-index:10;box-shadow:0 18px 45px rgba(0,0,0,.4)}.button-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.button-row form{margin:0}.small-btn{padding:7px 9px;font-size:11px}.flow-visual{display:flex;gap:12px;align-items:stretch;overflow:auto;padding:14px 2px}.flow-node{position:relative;min-width:220px;max-width:260px;padding:16px;border:1px solid rgba(85,221,206,.15);border-radius:14px;background:linear-gradient(180deg,rgba(0,224,198,.05),rgba(255,255,255,.02));display:flex;flex-direction:column;gap:7px}.flow-node>span{font-size:10px;letter-spacing:2px;color:#42d4c2}.flow-node small{color:#7898a4;min-height:34px}.flow-node form{margin-top:auto}.info-cards strong{display:block;font-size:26px;margin:10px 0;color:#eaffff}.notice.unread{background:rgba(0,224,198,.04)}.notice.read{opacity:.72}.notice>span{color:#55decf}.timeline-item.waiting .dot{background:#49646c}.timeline-item.returned .dot,.timeline-item.rejected .dot{background:#ef5b70}.timeline-item.transferred .dot{background:#48aaff}.timeline-item.skipped .dot{background:#4d6067}.timeline-item.waiting{opacity:.67}code{font-family:Consolas,monospace;color:#7de6da;background:rgba(0,0,0,.22);padding:3px 6px;border-radius:5px}
@media(max-width:1100px){.admin-grid{grid-template-columns:1fr 1fr}.activity-list>div{grid-template-columns:120px 100px 160px 1fr}}
@media(max-width:900px){.attachment-list,.approval-tools{grid-template-columns:1fr}.compact-panel{align-items:flex-start;flex-direction:column}.activity-list>div{grid-template-columns:1fr;gap:3px}.admin-grid{grid-template-columns:1fr 1fr}.mini-editor{position:static;min-width:0;grid-template-columns:1fr}.head-actions{width:100%}.head-actions .primary{flex:1;text-align:center}}
@media(max-width:520px){.admin-grid{grid-template-columns:1fr}.attachment-list{grid-template-columns:1fr}.inline-form{display:grid;grid-template-columns:1fr;width:100%}.inline-form input,.inline-form select{width:100%;min-width:0}.flow-node{min-width:190px}}