:root{--c-primary: #2563eb;--c-primary-dark: #1d4ed8;--c-primary-light: #eff6ff;--c-primary-border: #bfdbfe;--c-ok: #16a34a;--c-ok-bg: #f0fdf4;--c-warn: #d97706;--c-warn-bg: #fffbeb;--c-danger: #dc2626;--c-danger-bg: #fef2f2;--c-info: #0891b2;--c-info-bg: #ecfeff;--c-text: #1f2937;--c-text-sub: #6b7280;--c-text-mute: #9ca3af;--c-border: #e5e7eb;--c-border-strong: #d1d5db;--c-bg: #f3f4f6;--c-panel: #ffffff;--c-hover: #f9fafb;--radius: 8px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--sidebar-w: 216px;--sidebar-w-full: 216px;--header-h: 56px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}a{color:var(--c-primary);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:#111827;color:#e5e7eb;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:20;overflow:hidden;white-space:nowrap;transition:width .22s ease,flex-basis .22s ease}.sidebar-brand,.sidebar-nav,.sidebar-foot{flex-shrink:0;min-width:var(--sidebar-w-full)}.layout.sidebar-collapsed{--sidebar-w: 0px}.sidebar-brand{height:var(--header-h);display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden}.sidebar-brand .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex:0 0 8px}.sidebar-nav{padding:8px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:#cbd5e1;cursor:pointer;margin-bottom:2px;font-size:14px;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:var(--c-primary);color:#fff;font-weight:500}.nav-item svg{flex:0 0 16px}.sidebar-foot{padding:10px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#94a3b8;line-height:1.6;word-break:break-all}.main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-width:0;transition:margin-left .22s ease}.topbar{height:var(--header-h);background:var(--c-panel);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:15}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.topbar-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:14px;font-size:13px}.nav-toggle{flex:none;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:#fff;color:var(--c-text-sub);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.nav-toggle:hover{color:var(--c-primary);border-color:var(--c-primary-border);background:var(--c-primary-light)}.nav-toggle svg{display:block}.tabbar{display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;background:#fff;border-bottom:1px solid var(--c-border);overflow-x:auto;overflow-y:hidden;white-space:nowrap;position:sticky;top:var(--header-h);z-index:14;scrollbar-width:thin}.tabbar::-webkit-scrollbar{height:4px}.tabbar::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:4px}.tab-item{flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px 0 12px;border:1px solid var(--c-border);border-radius:6px;background:var(--c-hover);color:var(--c-text-sub);font-size:12.5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,border-color .15s,background .15s}.tab-item:hover{color:var(--c-text);border-color:var(--c-primary-border)}.tab-item.on{background:var(--c-primary-light);color:var(--c-primary);border-color:var(--c-primary-border);font-weight:600}.tab-item .tab-dot{width:6px;height:6px;border-radius:50%;background:var(--c-border-strong);flex:none}.tab-item.on .tab-dot{background:var(--c-primary)}.tab-item .tab-close{flex:none;width:16px;height:16px;line-height:14px;text-align:center;border-radius:4px;font-size:15px;color:var(--c-text-mute)}.tab-item .tab-close:hover{background:#00000014;color:var(--c-danger)}.tab-item.fixed .tab-close{display:none}.tab-refresh{flex:none;margin-left:8px;padding:0 10px;height:28px;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--c-text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px dashed var(--c-border);border-radius:6px;transition:color .15s,border-color .15s}.tab-refresh:hover{color:var(--c-primary);border-color:var(--c-primary-border)}.user-chip{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.user-chip:hover{background:var(--c-hover)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex:0 0 28px}.content{padding:18px 20px 40px;flex:1;min-width:0}.card{background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px}.card-head{padding:12px 16px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-head h3{margin:0;font-size:14px;font-weight:600}.card-body{padding:16px}.card-body.tight{padding:10px 16px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:16px}.stat{background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);border-left:3px solid var(--c-primary)}.stat .k{font-size:12px;color:var(--c-text-sub);margin-bottom:6px}.stat .v{font-size:22px;font-weight:700;line-height:1.2}.stat .s{font-size:12px;color:var(--c-text-mute);margin-top:4px}.stat.ok{border-left-color:var(--c-ok)}.stat.warn{border-left-color:var(--c-warn)}.stat.danger{border-left-color:var(--c-danger)}.stat.info{border-left-color:var(--c-info)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--c-border-strong);background:#fff;color:var(--c-text);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1.4;font-family:inherit}.ui-btn:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn.primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.ui-btn.primary:hover:not(:disabled){background:var(--c-primary-dark);border-color:var(--c-primary-dark);color:#fff}.ui-btn.danger{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.ui-btn.danger:hover:not(:disabled){opacity:.9;color:#fff}.ui-btn.ghost{border-color:transparent;background:transparent;color:var(--c-primary);padding:4px 8px}.ui-btn.ghost:hover:not(:disabled){background:var(--c-primary-light)}.ui-btn.ghost.danger{color:var(--c-danger)}.ui-btn.ghost.danger:hover:not(:disabled){background:var(--c-danger-bg)}.ui-btn.sm{padding:4px 10px;font-size:12px}.ui-btn.block{width:100%}.ui-field{margin-bottom:14px}.ui-field>label{display:block;font-size:13px;color:var(--c-text-sub);margin-bottom:5px}.ui-field>label .req{color:var(--c-danger);margin-left:2px}.ui-input,.ui-select,.ui-textarea{width:100%;padding:7px 10px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);font-size:13px;color:var(--c-text);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #2563eb1f}.ui-input:disabled,.ui-select:disabled{background:var(--c-bg);cursor:not-allowed}.ui-textarea{min-height:76px;resize:vertical}.ui-hint{font-size:12px;color:var(--c-text-mute);margin-top:4px}.ui-ms{position:relative}.ui-ms-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-ms-trigger:disabled{background:var(--c-bg);cursor:not-allowed}.ui-ms-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-ms-summary.placeholder{color:#94a3b8}.ui-ms-arrow{color:#64748b;font-size:11px;flex:none}.ui-ms-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:60;min-width:100%;max-height:240px;overflow-y:auto;background:#fff;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0f172a1f;padding:4px}.ui-ms-item{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:13px;cursor:pointer;border-radius:4px;color:var(--c-text);white-space:nowrap}.ui-ms-item:hover{background:#f1f5f9}.ui-ms-item .ui-ms-check{width:14px;flex:none;color:var(--c-primary);font-size:12px;text-align:center}.ui-ms-item.on{color:var(--c-primary);font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.form-grid .span-2{grid-column:span 2}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}.ui-check{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.ui-check input{width:15px;height:15px;cursor:pointer;accent-color:var(--c-primary)}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 16px;border-bottom:1px solid var(--c-border);background:#fcfcfd}.filter-bar .ui-field{margin-bottom:0}.filter-bar .ui-field>label{font-size:12px;margin-bottom:3px}.filter-bar .ui-input,.filter-bar .ui-select{min-width:130px}.filter-bar .grow{flex:1;min-width:160px}.filter-bar .grow .ui-input{min-width:100%}.filter-spacer{flex:1}.ui-table-wrap{overflow-x:auto}table.ui-table{width:100%;border-collapse:collapse;font-size:13px}table.ui-table th,table.ui-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--c-border);white-space:nowrap;vertical-align:middle}table.ui-table th{background:#fafafb;font-weight:600;color:var(--c-text-sub);font-size:12px;position:sticky;top:0}table.ui-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.ui-table th.sortable:hover{color:var(--c-primary)}table.ui-table tbody tr:hover{background:var(--c-hover)}table.ui-table tr.is-premium{background:#fff5f5}table.ui-table tr.is-premium:hover{background:#ffeaea}table.ui-table tr.is-reco>td:first-child{box-shadow:inset 3px 0 0 var(--c-primary, #2f6feb)}.reco-alert{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;line-height:1.7;white-space:nowrap;color:#fff;background:var(--c-primary, #2f6feb);cursor:pointer}.reco-alert:hover{filter:brightness(1.08)}table.ui-table td.num{text-align:right;font-variant-numeric:tabular-nums}table.ui-table th.ctr,table.ui-table td.ctr{text-align:center}table.ui-table td.actions{white-space:nowrap}table.ui-table .cell-ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;line-height:1.6;background:var(--c-bg);color:var(--c-text-sub);white-space:nowrap}.badge.ok{background:var(--c-ok-bg);color:var(--c-ok)}.badge.warn{background:var(--c-warn-bg);color:var(--c-warn)}.badge.danger{background:var(--c-danger-bg);color:var(--c-danger)}.badge.info{background:var(--c-info-bg);color:var(--c-info)}.badge.primary{background:var(--c-primary-light);color:var(--c-primary)}.ui-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid var(--c-border);flex-wrap:wrap;font-size:13px}.ui-pager .total{color:var(--c-text-sub)}.ui-pager .pages{display:flex;gap:4px;align-items:center}.ui-pager button{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--c-border-strong);background:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--c-text)}.ui-pager button:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary)}.ui-pager button:disabled{opacity:.45;cursor:not-allowed}.ui-pager button.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.ui-empty{padding:44px 16px;text-align:center;color:var(--c-text-mute)}.ui-empty .icon{font-size:34px;margin-bottom:8px;opacity:.5}.ui-empty .tip{font-size:13px}.ui-skeleton{padding:16px}.ui-skeleton .line{height:13px;background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:4px;margin-bottom:10px}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.ui-layer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ui-layer.right{justify-content:flex-end;align-items:stretch;padding:0;overflow:hidden}.ui-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#11182773;pointer-events:auto}.ui-modal,.ui-drawer{position:relative;z-index:1;pointer-events:auto}.ui-modal{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:560px;max-width:100%;max-height:88vh;margin:auto;display:flex;flex-direction:column;animation:pop .16s ease}@keyframes pop{0%{transform:scale(.97);opacity:.6}to{transform:scale(1);opacity:1}}.ui-modal-head{padding:14px 18px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto}.ui-modal-head h3{margin:0;font-size:15px}.ui-modal-head .sub{font-size:12px;color:var(--c-text-mute);margin-top:3px;font-weight:400}.ui-modal-body{padding:18px;overflow-y:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain;pointer-events:auto}.ui-modal-foot{padding:12px 18px;border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:8px;flex:0 0 auto}.ui-close{border:none;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:var(--c-text-mute);padding:0 4px}.ui-close:hover{color:var(--c-danger)}.ui-drawer{width:720px;max-width:94vw;height:100%;background:#fff;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide .2s ease}@keyframes slide{0%{transform:translate(24px);opacity:.7}to{transform:translate(0);opacity:1}}.toast-wrap{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:#111827;color:#fff;padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;box-shadow:var(--shadow-lg);max-width:460px;animation:toastIn .18s ease;line-height:1.5}@keyframes toastIn{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.ok{background:var(--c-ok)}.toast.warn{background:var(--c-warn)}.toast.error{background:var(--c-danger)}.ui-loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffff8c;display:flex;align-items:center;justify-content:center;z-index:150}.spinner{width:30px;height:30px;border:3px solid var(--c-primary-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.desc{display:grid;grid-template-columns:108px 1fr;gap:9px 14px;font-size:13px}.desc dt{color:var(--c-text-sub)}.desc dd{margin:0;word-break:break-all}.kv-inline{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}.kv-inline .k{color:var(--c-text-sub)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(1200px 700px at 78% -10%,#123c63,#123c6300 55%),radial-gradient(900px 600px at -10% 110%,#0b3355,#0b335500 60%),linear-gradient(155deg,#050d18,#081a2e 48%,#0a2740);padding:24px}.login-grid{position:absolute;top:-40%;right:-20%;bottom:0;left:-20%;background-image:linear-gradient(rgba(84,200,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(84,200,255,.1) 1px,transparent 1px);background-size:44px 44px;transform:perspective(900px) rotateX(56deg) translateY(18%);transform-origin:center bottom;animation:loginGrid 9s linear infinite;mask-image:linear-gradient(to top,rgba(0,0,0,.9) 30%,transparent 88%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.9) 30%,transparent 88%)}@keyframes loginGrid{0%{background-position:0 0}to{background-position:0 44px}}.login-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}.login-orb--1{width:460px;height:460px;left:-140px;top:-120px;background:radial-gradient(circle,#1590c9 0%,transparent 70%);animation:loginFloat 11s ease-in-out infinite}.login-orb--2{width:380px;height:380px;right:-100px;bottom:-120px;background:radial-gradient(circle,#0e7d8c 0%,transparent 70%);animation:loginFloat 13s ease-in-out infinite reverse}.login-orb--3{width:220px;height:220px;right:22%;top:10%;background:radial-gradient(circle,rgba(56,225,255,.55) 0%,transparent 70%);animation:loginFloat 9s ease-in-out infinite 2s}@keyframes loginFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}}.login-beam{position:absolute;top:-20%;left:-30%;width:45%;height:160%;background:linear-gradient(100deg,transparent 0%,rgba(120,220,255,.05) 45%,rgba(120,220,255,.12) 50%,rgba(120,220,255,.05) 55%,transparent 100%);transform:rotate(18deg);animation:loginBeam 7s ease-in-out infinite;pointer-events:none}@keyframes loginBeam{0%{left:-35%}60%,to{left:115%}}.login-shell{position:relative;z-index:1;display:flex;align-items:stretch;gap:0;width:880px;max-width:100%;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #78c8ff24}.login-brand{flex:1 1 52%;position:relative;overflow:hidden;padding:46px 42px;color:#eaf6ff;background:radial-gradient(420px 300px at 90% 110%,rgba(24,176,229,.32) 0%,transparent 65%),linear-gradient(150deg,#061a2ceb,#0a3758d1);display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(120,200,255,.12)}.login-brand__logo{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:#eafcff;background:linear-gradient(140deg,#1273b4,#0d5c8c);box-shadow:0 0 0 1px #82dcff59 inset,0 10px 30px #0a5a8c8c,0 0 26px #38c8ff59}.login-brand__h{margin:22px 0 0;font-size:30px;letter-spacing:6px;font-weight:700;color:#f2fbff}.login-brand__en{margin-top:8px;font-size:11px;letter-spacing:3.5px;color:#6fc6e8;font-family:Consolas,Courier New,monospace}.login-brand__sub{margin:14px 0 0;font-size:14px;color:#d6eefcc7}.login-brand__feats{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px;font-size:13px;color:#d6eefcd9}.login-brand__feats li{display:flex;align-items:center;gap:10px}.login-brand__feats i{width:7px;height:7px;border-radius:50%;flex:none;background:#38e1ff;box-shadow:0 0 10px #38e1ffe6;animation:loginBlink 2.4s ease-in-out infinite}.login-brand__feats li:nth-child(2) i{animation-delay:.4s}.login-brand__feats li:nth-child(3) i{animation-delay:.8s}@keyframes loginBlink{0%,to{opacity:1}50%{opacity:.25}}.login-radar{position:absolute;right:-70px;bottom:-70px;width:230px;height:230px;border-radius:50%;border:1px solid rgba(96,200,240,.25);background:radial-gradient(circle,transparent 54%,rgba(96,200,240,.1) 55%,transparent 56%),radial-gradient(circle,transparent 78%,rgba(96,200,240,.1) 79%,transparent 80%)}.login-radar:before{content:"";position:absolute;top:34%;right:34%;bottom:34%;left:34%;border-radius:50%;border:1px solid rgba(96,200,240,.35)}.login-radar__sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(56,225,255,.35) 0deg,transparent 60deg,transparent 360deg);animation:loginSpin 4.5s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-radar__dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#3ee0c8;box-shadow:0 0 8px #3ee0c8e6;animation:loginPing 4.5s ease-in-out infinite}.login-radar__dot--1{right:38px;top:96px}.login-radar__dot--2{right:120px;top:40px;animation-delay:1.2s}.login-radar__dot--3{right:150px;top:150px;animation-delay:2.4s}@keyframes loginPing{0%,to{opacity:.2}15%,60%{opacity:1}}.login-card{flex:1 1 48%;width:auto;max-width:none;background:#fafdffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:44px 40px 30px;border-radius:0;box-shadow:none}.login-card h1{margin:0 0 6px;font-size:24px;letter-spacing:1px;background:linear-gradient(100deg,#0c2a44 30%,#0d6ca8);-webkit-background-clip:text;background-clip:text;color:transparent}.login-card .sub{color:#6b8aa3;font-size:13px;margin-bottom:22px;letter-spacing:1px}.login-tabs{display:flex;gap:6px;margin-bottom:20px;background:#e8f1f8;padding:3px;border-radius:10px}.login-tabs button{flex:1;padding:8px 0;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;color:#5c7b92;font-family:inherit;transition:all .2s}.login-tabs button.active{background:linear-gradient(120deg,#0d5c8c,#1273b4);color:#fff;font-weight:600;box-shadow:0 4px 14px #0d5c8c59}.login-go{position:relative;overflow:hidden;width:100%;margin-top:6px;padding:12px 0;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:6px;color:#fff;background:linear-gradient(120deg,#0b4f7d,#1273b4 55%,#17a3e0);background-size:160% 100%;box-shadow:0 10px 24px #0d5c8c66;transition:background-position .35s ease,transform .12s ease,box-shadow .2s ease}.login-go:hover{background-position:100% 0;box-shadow:0 12px 30px #1273b48c}.login-go:active{transform:translateY(1px)}.login-go:disabled{opacity:.7;cursor:default}.login-foot{margin-top:18px;font-size:12px;color:#8aa3b5;line-height:1.7}.login-err{background:#fdecec;color:#c23a3a;border:1px solid #fecaca;padding:8px 12px;border-radius:8px;font-size:13px;margin-bottom:14px;line-height:1.5}@media(max-width:720px){.login-brand{display:none}.login-card{border-radius:0}}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:8px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.muted{color:var(--c-text-sub)}.mute{color:var(--c-text-mute)}.small{font-size:12px}.bold{font-weight:600}.nowrap{white-space:nowrap}.text-ok{color:var(--c-ok)}.text-warn{color:var(--c-warn)}.text-danger{color:var(--c-danger)}.text-primary{color:var(--c-primary)}.derived{color:#7c3aed;font-size:12px}.section-title{font-size:13px;font-weight:600;color:var(--c-text-sub);margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--c-border)}.section-title:first-child{margin-top:0}.stack{display:flex;flex-direction:column;gap:16px}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--c-border)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;padding:10px 16px;font-size:13px;color:var(--c-text-sub);border-bottom:2px solid transparent;margin-bottom:-1px;font-family:inherit;transition:color .15s,border-color .15s}.tab:hover{color:var(--c-text)}.tab.on{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:600}.seg{display:inline-flex;border:1px solid var(--c-border);border-radius:6px;overflow:hidden;background:var(--c-panel)}.seg-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;padding:5px 12px;font-size:12px;color:var(--c-text-sub);font-family:inherit;white-space:nowrap}.seg-item+.seg-item{border-left:1px solid var(--c-border)}.seg-item:hover{background:var(--c-hover);color:var(--c-text)}.seg-item.on{background:var(--c-primary);color:#fff;font-weight:500}.stat-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat{background:var(--c-panel);border:1px solid var(--c-border);border-radius:8px;padding:14px 16px;border-left:3px solid var(--c-border-strong)}.stat-label{font-size:12px;color:var(--c-text-sub)}.stat-value{font-size:22px;font-weight:600;margin-top:6px;line-height:1.2;font-variant-numeric:tabular-nums}.stat-value .unit{font-size:13px;font-weight:400;color:var(--c-text-mute);margin-left:4px}.stat-sub{font-size:12px;color:var(--c-text-mute);margin-top:6px}.stat.s-blue{border-left-color:var(--c-primary)}.stat.s-green{border-left-color:var(--c-ok)}.stat.s-amber{border-left-color:var(--c-warn)}.stat.s-red{border-left-color:var(--c-danger)}.stat.s-cyan{border-left-color:var(--c-info)}.stat-grid.compact{display:flex;flex-wrap:nowrap;gap:8px}.stat-grid.compact .stat{flex:1 1 0;min-width:0;padding:10px 6px 9px;text-align:center}.stat-grid.compact .stat-label{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-grid.compact .stat-value{font-size:19px;margin-top:3px}.stat-grid.compact .stat-value .unit{font-size:12px;margin-left:2px}.stat-grid.compact .stat.clickable{cursor:pointer;transition:box-shadow .15s,transform .15s}.stat-grid.compact .stat.clickable:hover{box-shadow:0 2px 10px #0000001a;transform:translateY(-1px)}.stat-grid.compact .stat.clickable.on{box-shadow:0 0 0 2px var(--c-primary) inset;background:#f0f6ff}.dup-flag{display:inline-block;margin-left:4px;color:var(--c-warn, #d48806);font-size:13px;cursor:help;vertical-align:-1px}.year-net{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:4px;padding:12px 16px;border-radius:8px;background:var(--c-bg-soft, #f7f9fc);border:1px solid var(--c-border)}.year-net.pos{border-left:4px solid var(--c-ok)}.year-net.neg{border-left:4px solid var(--c-danger)}.year-net .yn-main{display:flex;align-items:baseline;gap:12px}.year-net .yn-label{font-size:13px;color:var(--c-text-sub)}.year-net .yn-value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.year-net.pos .yn-value{color:var(--c-ok)}.year-net.neg .yn-value{color:var(--c-danger)}.year-net .yn-side{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--c-text-sub)}.year-net .yn-side b{font-weight:600;color:var(--c-text);margin-left:4px;font-variant-numeric:tabular-nums}.idc-grid{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:4px}.idc-item{width:108px;cursor:zoom-in}.idc-item img{width:108px;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--c-border);background:#f5f6f8;display:block}.idc-item img:hover{border-color:var(--c-primary)}.idc-name{font-size:11px;color:var(--c-text-sub);text-align:center;margin-top:3px}.two-col{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:900px){.two-col{grid-template-columns:1fr}}.todo-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.todo-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-hover)}.todo-num{font-size:20px;font-weight:600;color:var(--c-text-mute);font-variant-numeric:tabular-nums}.todo-num.on{color:var(--c-danger)}.todo-label{font-size:12px;color:var(--c-text-sub)}.bar{height:6px;border-radius:3px;background:var(--c-border);overflow:hidden;min-width:60px}.bar>span{display:block;height:100%;background:var(--c-primary);border-radius:3px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;border-radius:999px;background:var(--c-primary-light);color:var(--c-primary);border:1px solid var(--c-primary-border)}.thumbs{display:flex;flex-wrap:wrap;gap:10px}.thumb{position:relative;width:88px;height:88px;padding:0;border:1px solid var(--c-border);border-radius:8px;overflow:hidden;background:var(--c-bg);cursor:zoom-in;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.thumb:hover{transform:translateY(-2px);border-color:var(--c-primary-border);box-shadow:0 4px 12px #0000001f}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .thumb-no{position:absolute;left:4px;bottom:4px;padding:1px 5px;font-size:10px;line-height:1.5;border-radius:4px;background:#0000008c;color:#fff}.thumb .thumb-broken{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11px;color:var(--c-text-sub);background:var(--c-bg)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d1;padding:40px}.lightbox img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:6px;box-shadow:0 8px 40px #00000080}.lightbox .lb-close{position:absolute;top:18px;right:24px;width:40px;height:40px;border-radius:50%;border:0;font-size:22px;line-height:1;cursor:pointer;background:#ffffff24;color:#fff}.lightbox .lb-close:hover{background:#ffffff42}.lightbox .lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;font-size:22px;line-height:1;cursor:pointer;background:#ffffff24;color:#fff}.lightbox .lb-nav:hover{background:#ffffff42}.lightbox .lb-nav.prev{left:24px}.lightbox .lb-nav.next{right:24px}.lightbox .lb-cap{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fff;font-size:13px;opacity:.85}.chart-wrap{position:relative;width:100%;margin:8px 0 4px;border:1px solid var(--c-border);border-radius:8px;padding:8px;background:var(--c-panel)}.chart{width:100%;height:220px;display:block}.chart-tip{position:absolute;top:12px;transform:translate(-50%);background:var(--c-text);color:#fff;border-radius:6px;padding:6px 10px;font-size:12px;pointer-events:none;display:flex;flex-direction:column;gap:2px;white-space:nowrap;box-shadow:0 4px 12px #0000002e}.nav-group{margin-bottom:6px}.nav-group-title{display:flex;align-items:center;gap:6px;padding:8px 12px 4px;font-size:11px;letter-spacing:.06em;color:#64748b;cursor:default}.nav-group.foldable .nav-group-title{cursor:pointer;border-radius:6px}.nav-group.foldable .nav-group-title:hover{color:#94a3b8}.nav-group-title .fold-arrow{font-size:10px;transition:transform .15s}.nav-group.folded .fold-arrow{transform:rotate(-90deg)}.nav-group.folded .nav-group-body{display:none}.nav-group-title .fold-hint{margin-left:auto;font-size:10px;color:#475569}.nav-item .tag{margin-left:auto;font-size:10px;padding:1px 5px;border-radius:4px;background:#22c55e2e;color:#4ade80}.nav-item.active .tag{background:#ffffff40;color:#fff}.nav-item .nav-dot{margin-left:auto;min-width:18px;text-align:center;font-size:11px;font-weight:600;line-height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff}.nav-item .nav-dot+.tag{margin-left:6px}.nav-item.active .nav-dot{background:#fff;color:var(--c-primary)}.alert{display:flex;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;line-height:1.7;margin-bottom:12px;border:1px solid transparent}.alert.info{background:var(--c-info-bg);border-color:#a5f3fc;color:#0e7490}.alert.warn{background:var(--c-warn-bg);border-color:#fde68a;color:#92400e}.alert.danger{background:var(--c-danger-bg);border-color:#fecaca;color:#991b1b}.alert.ok{background:var(--c-ok-bg);border-color:#bbf7d0;color:#166534}.alink{color:inherit;text-decoration:underline;cursor:pointer}.kv{display:grid;grid-template-columns:150px 1fr;gap:9px 14px;font-size:13px}.kv .k{color:var(--c-text-sub)}.kv .v{word-break:break-all;line-height:1.6}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.hintline{font-size:12px;color:var(--c-text-mute);line-height:1.7;margin-top:6px}.hintline.warn{color:var(--c-warn)}.hintline.big{font-size:12.5px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;color:var(--c-primary);font-size:13px;cursor:pointer;font-family:inherit}.btn-link:hover{text-decoration:underline}.btn-link.danger{color:var(--c-danger)}.btn-link.gray{color:var(--c-text-sub)}.btn-link:disabled{color:var(--c-text-mute);cursor:not-allowed;text-decoration:none}.mini-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.mini-tag{font-size:11px;padding:1px 6px;border-radius:4px;background:var(--c-bg);color:var(--c-text-mute);border:1px solid var(--c-border)}.mini-tag.ok{background:var(--c-ok-bg);color:var(--c-ok);border-color:#bbf7d0}.photo-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.photo-slot{border:1px dashed var(--c-border-strong);border-radius:var(--radius-sm);padding:10px;text-align:center;background:var(--c-hover)}.photo-slot .ps-label{font-size:12px;color:var(--c-text-sub);margin-bottom:6px}.photo-slot .ps-thumb{height:96px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:4px;overflow:hidden;margin-bottom:8px}.photo-slot .ps-thumb img{max-height:100%;max-width:100%}.photo-slot .ps-ok{color:var(--c-ok);font-size:13px;font-weight:600}.photo-slot .ps-actions{display:flex;gap:8px;justify-content:center}.muted-off{opacity:.45;pointer-events:none}.radio-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.radio-card{border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;background:var(--c-panel)}.radio-card b{display:block;font-size:13px;margin-bottom:4px}.radio-card span{font-size:12px;color:var(--c-text-sub);line-height:1.6}.radio-card.on{border-color:var(--c-primary);background:var(--c-primary-light)}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.switch .track{width:38px;height:20px;border-radius:999px;background:var(--c-border-strong);position:relative;transition:background .15s;flex:0 0 38px}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on .track{background:var(--c-primary)}.switch.on .track:after{transform:translate(18px)}.pair-num,.money{font-variant-numeric:tabular-nums}.money{font-weight:600}.amount-pos{color:var(--c-ok)}.amount-neg{color:var(--c-danger)}.file-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--c-border);font-size:13px}.file-row:last-child{border-bottom:0}.file-row .fi{font-size:10px;padding:2px 5px;border-radius:4px;background:var(--c-danger-bg);color:var(--c-danger);font-weight:600}.file-row .fm{margin-left:auto;color:var(--c-text-mute);font-size:12px}.file-row .fi.img{background:var(--c-info-bg);color:var(--c-info)}.file-row .fname{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi{display:inline-block;font-size:10px;padding:2px 5px;border-radius:4px;background:var(--c-danger-bg);color:var(--c-danger);font-weight:600;cursor:pointer}.fi.img{background:var(--c-info-bg);color:var(--c-info)}.file-thumb{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--c-border);cursor:pointer}.file-thumb:hover{border-color:var(--c-primary)}.file-view{margin-top:12px;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;background:var(--c-hover)}.file-view .file-frame{display:block;width:100%;height:520px;border:0;background:#fff}.file-view.img{display:flex;align-items:center;justify-content:center;padding:12px}.file-view.img img{max-width:100%;max-height:520px;border-radius:var(--radius-sm);background:#fff}.file-view.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;color:var(--c-text-mute);text-align:center;padding:20px}.cal-head{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.cal-head div{text-align:center;font-size:12px;color:var(--c-text-sub)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-cell{border:1px solid var(--c-border);border-radius:6px;padding:6px;min-height:64px;font-size:11px;background:var(--c-panel)}.cal-cell .d{font-size:12px;font-weight:600;margin-bottom:2px}.cal-cell .t{color:var(--c-text-sub);line-height:1.5}.cal-cell.normal{background:var(--c-ok-bg);border-color:#bbf7d0}.cal-cell.late,.cal-cell.early{background:var(--c-warn-bg);border-color:#fde68a}.cal-cell.missing{background:var(--c-danger-bg);border-color:#fecaca}.cal-cell.leave{background:var(--c-bg);border-color:var(--c-border)}.cal-cell.empty{background:var(--c-hover)}.sched-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:4px 0 12px;font-size:12px;color:var(--c-text-sub)}.sched-legend .lg{display:inline-flex;align-items:center;gap:5px}.sched-legend .dot{width:10px;height:10px;border-radius:3px;display:inline-block;border:1px solid var(--c-border)}.sched-legend .dot.duty{background:var(--c-ok-bg);border-color:#bbf7d0}.sched-legend .dot.off{background:var(--c-hover)}.sched-legend .dot.leave{background:var(--c-warn-bg);border-color:#fde68a}.sched-legend .dot.watch{background:#e0f2fe;border-color:#bae6fd}.sched-grid{gap:8px}.sched-cell{min-height:84px;position:relative;transition:box-shadow .12s,transform .12s}.sched-cell.has{cursor:pointer}.sched-cell.has:hover{box-shadow:0 3px 10px #0f172a1a;transform:translateY(-1px)}.sched-cell.weekend{background:var(--c-hover)}.sched-cell.duty{background:var(--c-ok-bg);border-color:#bbf7d0}.sched-cell.watch{background:#f0f9ff;border-color:#bae6fd}.sched-cell .d{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:4px}.sched-cell .d .dn{font-size:13px;font-weight:600}.sched-cell .d .badge{transform:scale(.86);transform-origin:right center}.sched-mini{display:flex;flex-direction:column;gap:2px}.sched-mini .mini-item{display:flex;justify-content:space-between;gap:4px;line-height:1.5}.sched-mini .mini-item em{font-style:normal;color:var(--c-text-sub)}.sched-mini .btn-link{align-self:flex-start;margin-top:2px}.contrib-hero{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:16px;border-radius:var(--radius);background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid var(--c-primary-border)}.contrib-hero .ch-label{font-size:12px;color:var(--c-text-sub)}.contrib-hero .ch-val{font-size:30px;font-weight:700;color:var(--c-primary);font-variant-numeric:tabular-nums;line-height:1.2}.contrib-hero .ch-val .unit{font-size:16px;margin-right:2px}.contrib-hero .ch-sub{font-size:12px;color:var(--c-text-sub);margin-top:6px;line-height:1.7}.contrib-hero .ch-split{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}.contrib-hero .ch-cell .k{font-size:12px;color:var(--c-text-sub)}.contrib-hero .ch-cell .v{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:12px 16px;border-bottom:1px solid var(--c-border)}.tbl-wrap{width:100%;overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{padding:9px 12px;border-bottom:1px solid var(--c-border);text-align:left}.tbl th{background:var(--c-hover);font-weight:600;font-size:12px;color:var(--c-text-sub);white-space:nowrap}.tbl.compact th,.tbl.compact td{padding:6px 8px}.tipi{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid currentColor;font-size:11px;line-height:1;opacity:.55;cursor:help;position:relative;vertical-align:middle;margin-left:5px;-webkit-user-select:none;user-select:none;font-weight:600;flex:none}.tipi:hover{opacity:1}.tipword{border-bottom:1px dashed currentColor;cursor:help;position:relative}.tipi:after,.tipword:after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 9px);transform:translate(-50%);z-index:80;width:max-content;min-width:160px;max-width:300px;background:#1f2937;color:#fff;padding:9px 11px;border-radius:8px;font-size:12px;font-weight:400;line-height:1.75;white-space:pre-line;text-align:left;letter-spacing:0;word-break:break-word;box-shadow:0 8px 24px #00000038;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease}.tipi:before,.tipword:before{content:"";position:absolute;left:50%;top:calc(100% + 3px);transform:translate(-50%);border:6px solid transparent;border-bottom-color:#1f2937;z-index:81;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease}.tipi:hover:after,.tipword:hover:after,.tipi:hover:before,.tipword:hover:before{opacity:1;visibility:visible}.tipi.right:after,.tipword.right:after{left:auto;right:0;transform:none}.tipi.right:before,.tipword.right:before{left:auto;right:6px;transform:none}.tipi.up:after,.tipword.up:after{top:auto;bottom:calc(100% + 9px)}.tipi.up:before,.tipword.up:before{top:auto;bottom:calc(100% + 3px);border-bottom-color:transparent;border-top-color:#1f2937}.pagesub{font-size:12.5px;color:var(--c-text-mute);line-height:1.7;margin-top:4px;max-width:880px}.alert.slim{padding:8px 12px;font-size:12.5px;line-height:1.7}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;font-size:13px}.kv-grid .kv{display:flex;gap:8px;align-items:baseline;min-width:0}.kv-grid .kv .k{color:var(--c-text-sub);flex:0 0 76px}.kv-grid .kv .v{word-break:break-all;line-height:1.6;min-width:0}.kv-grid .kv .v.bold{font-weight:600}@media(max-width:720px){.kv-grid{grid-template-columns:1fr}}.mini-table{width:100%;border-collapse:collapse;font-size:12.5px}.mini-table th,.mini-table td{padding:6px 8px;border-bottom:1px solid var(--c-border, #eef1f5);text-align:left}.mini-table th{color:var(--c-text-sub);font-weight:500}.mini-table th.num,.mini-table td.num{text-align:right;font-variant-numeric:tabular-nums}.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.ev-grid a{display:block;border:1px solid var(--c-border, #eef1f5);border-radius:6px;overflow:hidden;line-height:0}.ev-grid img{width:100%;height:82px;object-fit:cover;display:block}.wdv-grid{display:flex;flex-wrap:wrap;gap:10px}.wdv-item{position:relative;width:96px}.wdv-item img{width:96px;height:72px;object-fit:cover;border:1px solid var(--c-border, #eef1f5);border-radius:6px;display:block;cursor:zoom-in}.wdv-pdf{width:96px;height:72px;border:1px dashed var(--c-border, #dbe1ea);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:26px;cursor:pointer;background:#fafbfd}.wdv-x{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:none;background:#0f172ab8;color:#fff;font-size:14px;line-height:18px;cursor:pointer;padding:0}.wdv-x:hover{background:var(--c-danger, #d64545)}.wdv-name{margin-top:3px;font-size:11px;color:var(--c-muted, #8a94a6);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wdv-add{width:96px;height:72px;border:1px dashed var(--c-border, #c9d2e0);border-radius:6px;background:#fafbfd;color:var(--c-primary, #2563eb);font-size:13px;cursor:pointer}.wdv-add:hover{border-color:var(--c-primary, #2563eb);background:#f0f6ff}.wdv-add[disabled]{opacity:.55;cursor:default}