:root{--ink: #171a1f;--ink-2: #272b32;--text: #25282d;--muted: #777d87;--soft: #a0a5ad;--line: #e6e8eb;--line-strong: #d9dce1;--canvas: #f5f7fa;--surface: #ffffff;--accent: #315f5a;--accent-dark: #244b47;--blue: #315fbd;--success: #258265;--warning: #ad7427;--danger: #b64a43;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--canvas);letter-spacing:0}*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{min-width:0;min-height:100vh;margin:0;color:var(--text);background:var(--canvas)}button,input,textarea,select{font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid rgba(49,95,189,.45);outline-offset:2px}.admin-layout{min-height:100vh;display:block;background:var(--canvas)}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:248px;height:100vh;padding:20px 14px 16px;display:flex;flex-direction:column;overflow:hidden;color:#aeb2b9;background:var(--ink);transition:width .22s ease,transform .22s ease}.brand{min-height:52px;padding:0 10px 16px;display:flex;align-items:center;gap:12px;color:#fff}.brand-logo{width:36px;height:36px;flex:0 0 36px;display:block;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#fff;object-fit:contain}.brand-copy{min-width:0;overflow:hidden;white-space:nowrap}.brand-copy strong{display:block;font-size:16px;line-height:1.2}.brand-copy span{display:block;margin-top:4px;color:#777d86;font-size:10px}.workspace-label,.nav-group-label{padding:0 12px;color:#666b73;font-size:9px;font-weight:700;letter-spacing:1px;white-space:nowrap}.workspace-label{margin:4px 0 12px}.side-nav{min-height:0;flex:1;padding-right:2px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.nav-group-label{margin:19px 0 7px}.nav-item{position:relative;width:100%;height:42px;margin:2px 0;padding:0 11px;display:flex;align-items:center;gap:11px;border-radius:7px;color:#aeb2b9;text-decoration:none;font-size:12px;transition:color .16s ease,background-color .16s ease}.nav-item:hover{color:#fff;background:#24272c}.nav-item.router-link-active{color:#171a1f;background:#fff;box-shadow:0 8px 22px #00000029;font-weight:650}.nav-item.router-link-active:after{content:"";position:absolute;right:9px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.nav-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom{padding-top:12px;display:grid;gap:7px;border-top:1px solid #2d3035}.sidebar-account{min-height:48px;padding:6px 9px;display:flex;align-items:center;gap:10px;border-radius:7px}.sidebar-account .admin-avatar{width:32px;height:32px;flex:0 0 32px;color:var(--ink);background:#fff}.sidebar-account-copy{min-width:0;overflow:hidden;white-space:nowrap}.sidebar-account-copy strong,.sidebar-account-copy span{display:block}.sidebar-account-copy strong{overflow:hidden;color:#f2f4f3;font-size:11px;text-overflow:ellipsis}.sidebar-account-copy span{margin-top:3px;color:#747b76;font-size:9px}.collapse-button,.logout-side{width:100%;height:38px;padding:0 11px;display:flex;align-items:center;gap:11px;border:0;border-radius:7px;color:#8e939b;background:transparent;font-size:11px;text-align:left}.collapse-button:hover,.logout-side:hover{color:#fff;background:#24272c}.collapse-button .app-icon{transition:transform .2s ease}.logout-side{border:0;justify-content:flex-start}.logout-side .app-icon{transform:rotate(180deg)}.admin-main{width:auto;min-height:100vh;margin-left:248px;transition:margin-left .22s ease}.sidebar-collapsed .admin-sidebar{width:76px}.sidebar-collapsed .admin-main{margin-left:76px}.sidebar-collapsed .brand{padding-left:6px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .workspace-label,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-bottom span,.sidebar-collapsed .sidebar-account-copy{display:none}.sidebar-collapsed .nav-group-label{height:9px;margin:10px 0}.sidebar-collapsed .nav-item{padding:0 13px;justify-content:center}.sidebar-collapsed .nav-item.router-link-active:after{right:5px}.sidebar-collapsed .collapse-button,.sidebar-collapsed .logout-side{justify-content:center;padding:0}.sidebar-collapsed .sidebar-account{justify-content:center;padding:6px 0}.sidebar-collapsed .collapse-button .app-icon{transform:rotate(180deg)}.topbar{position:sticky;top:0;z-index:12;height:68px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(220,223,227,.9);background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-left{display:flex;align-items:center;gap:13px}.topbar-eyebrow{display:block;margin-bottom:3px;color:var(--soft);font-size:9px}.topbar-title{display:block;color:var(--text);font-size:13px;line-height:1.2}.menu-trigger{color:#70757e}.topbar-actions,.topbar-page-actions{display:flex;align-items:center}.global-search-trigger{height:36px;margin-right:14px;padding:0 9px 0 11px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;color:#6f7782;background:#f8fafc;font-size:10px}.global-search-trigger:hover{color:#343b45;border-color:#cfd6df;background:#fff}.global-search-trigger kbd,.command-input kbd,.command-help kbd{padding:2px 6px;border:1px solid #dce1e7;border-radius:5px;color:#858d98;background:#fff;box-shadow:0 1px 1px #141e280d;font-family:inherit;font-size:9px}.admin-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ink-2);font-size:12px;font-weight:700}.topbar-page-actions{min-height:40px}.topbar-primary-action{white-space:nowrap}.topbar-live-state{min-width:154px;padding:7px 10px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:#fff}.topbar-live-state>i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #2582651a;animation:livePulse 2s ease-in-out infinite}.topbar-live-state strong,.topbar-live-state span{display:block}.topbar-live-state strong{font-size:11px}.topbar-live-state span{margin-top:3px;color:var(--soft);font-size:9px}.content-wrap{min-height:calc(100vh - 68px);padding:24px 32px 56px;overflow:hidden}.page-shell{width:100%;margin:0}.sidebar-scrim{display:none}.page-heading{min-height:70px;margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.breadcrumb{margin-bottom:9px;color:var(--soft);font-size:10px}.page-heading h1{margin:0;color:var(--ink);font-size:25px;font-weight:720;line-height:1.2;letter-spacing:0}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.btn{min-width:0;height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:7px;font-size:11px;font-weight:650;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.48}.btn-primary{color:#fff;background:var(--ink);box-shadow:0 7px 18px #171a1f24}.btn-primary:hover:not(:disabled){background:#050607;box-shadow:0 9px 22px #171a1f30}.btn-ghost{color:#555b64;border-color:var(--line-strong);background:#fff;box-shadow:none}.btn-ghost:hover:not(:disabled){border-color:#bfc3c9;background:#fafafa}.btn-danger{color:#fff;background:var(--danger)}.icon-button{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;border:0;border-radius:7px;color:#727780;background:transparent}.icon-button:hover{color:var(--text);background:#f0f1f2}.filter-bar{min-height:66px;margin-bottom:14px;padding:13px 14px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 3px 12px #1a1e2406}.search-box{width:min(340px,34vw);height:38px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid var(--line-strong);border-radius:7px;color:var(--soft);background:#fbfbfc;transition:border-color .15s,box-shadow .15s,background-color .15s}.search-box:focus-within{border-color:#8c929b;background:#fff;box-shadow:0 0 0 3px #171a1f0e}.search-box input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:11px}.search-box input::placeholder{color:#a7abb2}.filter-bar select,.row-actions select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);color:#555b64;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#8b9098 50%),linear-gradient(135deg,#8b9098 50%,transparent 50%);background-position:calc(100% - 13px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-size:4px 4px,4px 4px;background-repeat:no-repeat}.filter-bar select{height:38px;min-width:124px;padding:0 28px 0 11px;border-radius:7px;font-size:11px}.filter-reset{margin-left:auto}.table-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 6px 24px #191d2309}.table-card.is-refreshing .table-wrap{opacity:.72;pointer-events:none}.loading-line{position:absolute;top:0;left:0;z-index:2;width:38%;height:2px;background:var(--accent);animation:loadingSlide 1.1s ease-in-out infinite}.table-meta{height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.table-meta>div{display:flex;align-items:center;gap:11px}.table-meta strong{color:var(--text);font-size:12px}.table-meta span{color:var(--soft);font-size:10px}.refresh-label{display:inline-flex;align-items:center;gap:7px}.table-wrap{overflow-x:auto;transition:opacity .15s}table{width:100%;border-collapse:collapse;white-space:nowrap}th{height:43px;padding:0 18px;color:#81868f;background:#f8f9fa;font-size:10px;font-weight:650;text-align:left}td{height:62px;padding:0 18px;border-top:1px solid #eef0f2;color:#50565f;font-size:11px}tbody tr{transition:background-color .12s}tbody tr:hover td{background:#fbfbfc}.table-thumb{width:50px;height:38px;display:block;object-fit:cover;border-radius:6px;background:#eff0f2}.cell-text{display:block;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{min-width:58px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;font-size:10px;font-weight:600}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-green{color:var(--success);background:#eaf6f1}.status-amber{color:var(--warning);background:#fbf2e3}.status-red{color:var(--danger);background:#faecea}.row-actions{white-space:nowrap}.table-action,.danger-link{padding:5px 4px;border:0;background:transparent;font-size:10px;font-weight:600}.table-action{margin-right:8px;color:#3f4956}.table-action:hover{color:#000}.danger-link{margin-left:8px;color:var(--danger)}.row-actions select{height:30px;margin-left:3px;padding:0 25px 0 8px;border-radius:6px;font-size:10px}.role-label{color:#4d5662;font-weight:600}.current-account{margin-left:4px;padding:4px 7px;border-radius:10px;color:#777d86;background:#eff0f2;font-size:9px}.pagination{min-height:58px;padding:0 18px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);color:var(--soft);font-size:10px}.pagination span{margin-right:auto}.page-num{width:29px;height:29px;padding:0;border:1px solid var(--line-strong);border-radius:6px;color:#696f78;background:#fff;font-size:11px}.page-num:hover:not(:disabled){border-color:#999fa7}.page-num.active{color:#fff;border-color:var(--ink);background:var(--ink)}.page-num:disabled{cursor:not-allowed;opacity:.35}.skeleton-table tr:hover td{background:#fff}.skeleton-line,.skeleton-image{display:block;background:#eceef0;animation:skeletonPulse 1.25s ease-in-out infinite}.skeleton-line{width:min(110px,80%);height:10px;border-radius:4px}.skeleton-line.short{width:62px}.skeleton-image{width:50px;height:36px;border-radius:6px}.empty{height:300px;padding:0}.empty-state{padding:52px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.empty-state>span{width:48px;height:48px;margin-bottom:14px;display:grid;place-items:center;border-radius:50%;color:#777d86;background:#f0f1f2}.empty-state strong{color:#4b5058;font-size:13px}.empty-state p{margin:7px 0 15px;color:var(--soft);font-size:10px}.error-banner{min-height:66px;margin-bottom:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #efd2ce;border-radius:8px;color:var(--danger);background:#fff8f7}.error-banner strong,.error-banner span{display:block}.error-banner strong{margin-bottom:4px;font-size:11px}.error-banner span{color:#9a6965;font-size:10px}.error-banner .btn{color:var(--danger);border-color:#e7c4c0;background:#fff;text-decoration:none}.button-spinner{width:14px;height:14px;display:inline-block;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.button-spinner.dark{width:12px;height:12px;border-color:#d4d6da;border-top-color:var(--ink)}.form-row{margin-top:19px}.form-row label{display:block;margin-bottom:8px;color:#61666f;font-size:10px;font-weight:650}.form-row input,.form-row textarea,.form-row select{width:100%;border:1px solid var(--line-strong);border-radius:7px;outline:0;color:var(--text);background:#fff;font-size:11px;transition:border-color .15s,box-shadow .15s}.form-row input,.form-row select{height:40px;padding:0 11px}.form-row textarea{padding:11px;resize:vertical;line-height:1.65}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:#8c929b;box-shadow:0 0 0 3px #171a1f0e}.form-row input::placeholder,.form-row textarea::placeholder{color:#afb3b9}.form-row label em{margin-left:4px;color:var(--danger);font-style:normal}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;padding:24px;display:grid;place-items:center;overflow-y:auto;background:#0c0e1194;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:440px;max-width:100%;padding:24px;border:1px solid rgba(255,255,255,.7);border-radius:8px;background:#fff;box-shadow:0 28px 80px #00000038}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-kicker{display:block;margin-bottom:7px;color:var(--accent);font-size:8px;font-weight:750;letter-spacing:1px}.record-position{display:block;margin-bottom:7px;color:var(--muted);font-size:9px}.modal-head h2,.confirm-modal h2{margin:0;color:var(--ink);font-size:17px}.modal-head p{margin:5px 0 0;color:var(--soft);font-size:10px}.detail-modal{width:min(620px,100%);max-height:calc(100vh - 48px);overflow:auto}.detail-mask{padding:0;place-items:stretch end}.detail-drawer{width:min(620px,100vw);max-height:100vh;height:100vh;margin:0;overflow:auto;border-radius:0}.detail-image{width:min(320px,68%);max-height:240px;object-fit:contain;border-radius:7px;background:#f0f1f2}.detail-gallery{width:min(420px,72%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;background:#f0f1f2}.detail-navigation{position:sticky;bottom:-1px;margin:18px -24px -6px;padding:12px 24px;display:flex;justify-content:space-between;border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-modal{width:min(840px,100%);max-height:calc(100vh - 48px);overflow:auto}.detail-list{margin-top:18px;border-top:1px solid var(--line)}.detail-list>div{min-height:48px;padding:12px 0;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #eef0f2}.detail-list span{color:var(--soft);font-size:10px}.detail-list strong{max-width:68%;color:#424750;font-size:11px;font-weight:600;text-align:right;white-space:normal;word-break:break-word}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.editor-grid .full{grid-column:1 / -1}.modal-actions{margin-top:26px;display:flex;justify-content:flex-end;gap:8px}.confirm-modal{width:410px;text-align:center}.confirm-icon{width:48px;height:48px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;color:var(--danger);background:#faecea}.confirm-modal p{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.confirm-modal .modal-actions{justify-content:center}.form-error,.login-error{padding:10px 12px;border:1px solid #f0d3d0;border-radius:7px;color:var(--danger);background:#fff7f6;font-size:10px}.image-field{display:grid;grid-template-columns:120px auto minmax(0,1fr);align-items:center;gap:10px}.image-field>img,.image-empty{width:120px;height:82px;object-fit:cover;border-radius:7px;background:#eff0f2}.image-empty{display:grid;place-items:center;color:var(--soft);font-size:10px}.image-field .btn{position:relative;overflow:hidden}.image-field .btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.switch{display:inline-flex!important;align-items:center;gap:9px}.switch input{display:none}.switch i{position:relative;width:38px;height:22px;border-radius:12px;background:#c8ccd1;transition:background-color .2s}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s}.switch input:checked+i{background:var(--ink)}.switch input:checked+i:after{transform:translate(16px)}.toast{position:fixed;right:28px;bottom:26px;z-index:70;min-height:42px;padding:0 15px;display:flex;align-items:center;gap:8px;border-radius:7px;color:#fff;background:var(--ink);box-shadow:0 14px 36px #0003;font-size:11px}.undo-toast{z-index:72;min-width:300px;justify-content:flex-start}.undo-toast span{flex:1}.undo-toast button{padding:5px 9px;border:1px solid rgba(255,255,255,.28);border-radius:6px;color:#fff;background:#ffffff1a;font-size:10px;font-weight:700}.undo-toast button:hover{background:#ffffff2e}.command-mask{z-index:3000;place-items:start center;padding-top:min(14vh,120px)}.command-palette{width:min(620px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(218,224,232,.9);border-radius:14px;background:#fff;box-shadow:0 30px 100px #141f2c3d}.command-input{height:64px;padding:0 17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);color:#858d98}.command-input input{min-width:0;flex:1;border:0;outline:0;color:#262c34;background:transparent;font-size:14px}.command-results{max-height:min(55vh,460px);padding:8px;overflow-y:auto}.command-results>button{width:100%;min-height:58px;padding:8px 10px;display:flex;align-items:center;gap:11px;border:0;border-radius:9px;color:inherit;background:transparent;text-align:left}.command-results>button:hover,.command-results>button:focus-visible{background:#f4f7fa}.command-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:#4f5b63;background:#eef1f3}.command-results button>div{min-width:0;flex:1}.command-results strong,.command-results small{display:block}.command-results strong{color:#343a43;font-size:12px}.command-results small{margin-top:4px;color:#939ba6;font-size:9px}.command-results button>.app-icon{color:#a3aab4}.command-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ba3ae}.command-empty strong{margin-top:12px;color:#535b66;font-size:12px}.command-empty span{margin-top:6px;font-size:10px}.command-help{min-height:42px;padding:0 14px;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);color:#929aa5;background:#f8fafc;font-size:9px}.command-help span{display:inline-flex;align-items:center;gap:5px}.image-cell-empty{color:var(--soft);font-size:10px}.confirm-reason{margin-top:18px;text-align:left}.confirm-reason input{height:38px}.stat-grid{margin-bottom:16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.stat-card,.panel,.settings-card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 5px 20px #191d2308}.stat-card{min-height:126px;padding:17px 18px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.stat-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:#555c67;background:#f0f1f2}.stat-card>strong{display:block;margin:11px 0 7px;color:var(--ink);font-size:24px}.stat-trend{color:var(--soft);font-size:9px}.dashboard-grid{margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:16px}.panel{padding:20px}.panel-head h2{margin:0;color:var(--text);font-size:14px}.panel-head p{margin:5px 0 0;color:var(--soft);font-size:10px}.trend-bars{height:260px;margin:20px 0 24px;display:flex;align-items:flex-end;gap:7px}.trend-bars>div{position:relative;height:100%;min-width:0;flex:1;display:flex;align-items:flex-end;justify-content:center}.trend-bars i{width:min(22px,58%);min-height:5px;display:block;border-radius:4px 4px 0 0;background:var(--ink-2)}.trend-bars span{position:absolute;bottom:-20px;color:var(--soft);font-size:9px;white-space:nowrap}.trend-bars b{position:absolute;bottom:100%;display:none;color:var(--muted);font-size:9px}.todo-list{min-height:0;margin-top:12px;display:block}.todo-list>a{min-height:58px;padding:0 3px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #eef0f2;color:inherit;text-decoration:none}.todo-list>a:hover strong{color:var(--accent-dark)}.todo-count{width:34px;height:34px;display:grid!important;place-items:center;border-radius:7px;color:var(--text)!important;background:#f0f1f2;font-size:13px!important;font-weight:720}.todo-list>a>div{flex:1}.todo-list strong{color:#444a53;font-size:10px}.todo-list small{display:block;margin-top:3px;color:var(--soft);font-size:9px}.compact-table td,.compact-table th{padding-left:10px;padding-right:10px}.dashboard-skeleton .stat-card{display:flex;flex-direction:column;gap:16px}.skeleton-metric{width:72px;height:27px;border-radius:5px;background:#eceef0;animation:skeletonPulse 1.25s ease-in-out infinite}.skeleton-chart{height:230px;margin-top:22px;display:block;border-radius:7px;background:#eceef0;animation:skeletonPulse 1.25s ease-in-out infinite}.skeleton-todo{height:48px;margin-top:10px;display:block;border-radius:7px;background:#eceef0;animation:skeletonPulse 1.25s ease-in-out infinite}.empty-state.compact{min-height:150px;padding:24px 10px}.empty-state.compact>span{width:40px;height:40px;margin-bottom:10px}.settings-card{max-width:800px;padding:25px}.settings-title{padding-bottom:19px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.settings-title strong{display:block;color:var(--text);font-size:14px}.settings-title span{display:block;margin-top:6px;color:var(--muted);font-size:10px}.settings-title small{color:var(--soft);font-size:9px}.setting-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f2}.setting-row strong{display:block;color:#444a53;font-size:11px}.setting-row span{display:block;margin-top:5px;color:var(--soft);font-size:9px}.save-settings{margin-top:20px}.settings-skeleton{min-height:300px;display:flex;flex-direction:column;gap:12px}.skeleton-setting{height:68px;display:block;border-radius:7px;background:#eceef0;animation:skeletonPulse 1.25s ease-in-out infinite}.route-admin-list{display:grid;gap:10px}.route-admin-row{min-height:120px;padding:14px;display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:8px;background:#fff;transition:transform .15s,box-shadow .15s,border-color .15s}.route-admin-row:hover{transform:translateY(-1px);border-color:#d2d5da;box-shadow:0 10px 28px #181c220f}.route-admin-row>img{width:150px;height:92px;flex:none;object-fit:cover;border-radius:7px;background:#eff0f2}.route-admin-row>div{min-width:0;flex:1}.route-title strong{color:var(--text);font-size:13px}.route-title span{margin-left:8px;padding:3px 7px;border-radius:10px;font-size:9px}.route-title span.on{color:var(--success);background:#eaf6f1}.route-title span.off{color:var(--muted);background:#eff0f2}.route-admin-row p{margin:7px 0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.route-admin-row small{color:var(--soft);font-size:9px}.route-skeleton{pointer-events:none}.skeleton-cover{width:150px;height:92px;flex:none;display:block;border-radius:7px;background:#eceef0;animation:skeletonPulse 1.25s ease-in-out infinite}.route-skeleton>div{display:flex;flex-direction:column;gap:15px}.route-skeleton .wide{width:min(420px,80%)}.route-empty{min-height:330px;border:1px solid var(--line);border-radius:8px;background:#fff}.route-editor{width:min(940px,100%);max-height:calc(100vh - 36px);overflow:auto}.stops-editor{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.stops-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.stops-head strong,.stops-head span{display:block}.stops-head strong{color:var(--text);font-size:12px}.stops-head span{margin-top:4px;color:var(--soft);font-size:9px}.stop-editor{margin-top:12px;padding:13px;display:grid;grid-template-columns:28px minmax(0,1fr) 32px;gap:10px;border:1px solid var(--line);border-radius:7px;background:#fafbfc}.stop-number{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ink);font-size:10px}.stop-fields{display:grid;grid-template-columns:130px repeat(3,minmax(0,1fr));gap:8px}.stop-fields input,.stop-fields textarea{width:100%;padding:8px 9px;border:1px solid var(--line-strong);border-radius:6px;outline:0;color:var(--text);background:#fff;font-size:10px}.stop-fields textarea{grid-column:1 / -1;resize:vertical}.stop-fields input:focus,.stop-fields textarea:focus{border-color:#8c929b;box-shadow:0 0 0 3px #171a1f0e}.stop-actions{display:grid;align-content:start;gap:5px}.stop-actions button{width:28px;height:25px;border:1px solid var(--line-strong);border-radius:5px;color:#68707b;background:#fff}.stop-actions button:hover:not(:disabled){color:var(--ink);border-color:#aeb4bc}.stop-actions button:disabled{opacity:.35}.dashboard-empty{align-items:center!important;color:var(--soft);font-size:10px}.notice{margin-bottom:16px;padding:13px 15px;display:flex;gap:10px;border:1px solid var(--line);border-radius:8px;color:#4e5964;background:#f7f9fa}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) minmax(480px,56%);overflow:hidden;background:#fff}.login-intro{position:relative;min-height:100vh;padding:38px 44px;display:flex;flex-direction:column;color:#fff;background:var(--ink)}.login-intro .login-brand{position:static;display:flex;align-items:center;gap:12px;color:#fff}.login-intro .login-brand .brand-logo{width:38px;height:38px;flex-basis:38px;border-color:#fff3}.login-intro .login-brand strong{display:block;font-size:16px}.login-intro .login-brand span{display:block;margin:4px 0 0;color:#777d86;font-size:10px}.login-statement{margin:auto 0}.login-statement>span{color:#8d929a;font-size:9px;font-weight:700;letter-spacing:1px}.login-statement h1{margin:18px 0;color:#fff;font-size:clamp(32px,3.2vw,44px);font-weight:720;line-height:1.22;letter-spacing:0}.login-statement p{margin:0;color:#8e939b;font-size:12px}.login-foot{color:#636870;font-size:9px;letter-spacing:1px}.login-workspace{min-height:100vh;padding:48px;display:grid;place-items:center;background:#fff}.login-panel{width:min(400px,100%);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.login-heading{margin-bottom:30px}.login-kicker{color:var(--accent);font-size:9px;font-weight:750;letter-spacing:1px}.login-heading h2{margin:10px 0 7px;color:var(--ink);font-size:27px}.login-heading p{margin:0;color:var(--muted);font-size:11px}.login-panel .form-row{margin-top:19px}.login-panel .form-row label{color:#555b64;font-size:10px}.login-panel .form-row>input,.password-field{height:44px;border:1px solid var(--line-strong);border-radius:7px;background:#fbfbfc}.login-panel .form-row>input{padding:0 12px}.login-panel .form-row>input:focus,.password-field:focus-within{border-color:#888e97;background:#fff;box-shadow:0 0 0 3px #171a1f0e}.password-field{display:flex;align-items:center;transition:border-color .15s,box-shadow .15s,background-color .15s}.password-field input{height:42px;flex:1;border:0;background:transparent;box-shadow:none!important}.password-field button{width:40px;height:40px;flex:none;display:grid;place-items:center;border:0;color:#8b9098;background:transparent}.captcha-field{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:9px}.login-panel .captcha-field input{height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:7px;background:#fbfbfc;text-transform:uppercase;letter-spacing:2px}.login-panel .captcha-field input:focus{border-color:#888e97;background:#fff;box-shadow:0 0 0 3px #171a1f0e}.captcha-image{width:116px;height:44px;padding:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:7px;background:#f4f5f4;cursor:pointer}.captcha-image img{width:100%;height:100%;display:block}.captcha-image span{color:#8b9098;font-size:9px}.captcha-refresh{display:inline-flex;align-items:center;gap:4px;margin:7px 0 0 auto;padding:0;border:0;color:#858b93;background:transparent;font-size:9px;cursor:pointer}.captcha-refresh:hover{color:var(--ink)}.login-error{margin-top:14px}.login-button{width:100%;height:44px;margin-top:22px;justify-content:center}.login-button .app-icon{margin-left:auto}.login-security{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:6px;color:#a0a5ad;font-size:9px}.route-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;display:grid;place-items:center;background:#f5f7faeb}.route-loading-card{position:relative;min-width:286px;padding:18px 20px 21px;display:flex;align-items:center;gap:14px;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#fff;box-shadow:0 18px 48px #1e2a381c}.route-loading-logo{width:42px;height:42px;flex:0 0 42px;display:block;border:1px solid var(--line);border-radius:9px;background:#fff;object-fit:contain}.route-loading-card strong,.route-loading-card small{display:block}.route-loading-card strong{color:#242a32;font-size:13px}.route-loading-card small{margin-top:5px;color:#8b929d;font-size:10px}.route-loading-card>i{position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:routeProgress 1.05s ease-in-out infinite}.route-loading-enter-active,.route-loading-leave-active{transition:opacity .2s ease}.route-loading-enter-active .route-loading-card,.route-loading-leave-active .route-loading-card{transition:transform .24s ease,opacity .2s ease}.route-loading-enter-from,.route-loading-leave-to{opacity:0}.route-loading-enter-from .route-loading-card{opacity:0;transform:translateY(8px) scale(.98)}.route-loading-leave-to .route-loading-card{opacity:0;transform:translateY(-4px) scale(.99)}.btn:active:not(:disabled),.icon-button:active:not(:disabled),.nav-item:active{transform:translateY(0) scale(.98)}.page-enter-active,.page-leave-active{transition:opacity .18s ease,transform .18s cubic-bezier(.2,.75,.3,1)}.page-enter-from{opacity:0;transform:translateY(5px)}.page-leave-to{opacity:0;transform:translateY(-3px)}.modal-enter-active,.modal-leave-active{transition:opacity .18s ease}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .18s ease,opacity .18s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{opacity:0;transform:translateY(8px) scale(.985)}.toast-enter-active,.toast-leave-active,.form-message-enter-active,.form-message-leave-active{transition:opacity .18s,transform .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.form-message-enter-from,.form-message-leave-to{opacity:0;transform:translateY(-4px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes loadingSlide{0%{transform:translate(-100%)}60%,to{transform:translate(280%)}}@keyframes skeletonPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes routeProgress{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:900px){.admin-sidebar{width:248px;transform:translate(-100%);box-shadow:20px 0 50px #0003}.admin-main,.sidebar-collapsed .admin-main{margin-left:0}.sidebar-collapsed .admin-sidebar{width:248px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .workspace-label,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-bottom span,.sidebar-collapsed .sidebar-account-copy{display:block}.sidebar-collapsed .nav-item,.sidebar-collapsed .collapse-button,.sidebar-collapsed .logout-side{justify-content:flex-start;padding:0 11px}.sidebar-collapsed .sidebar-account{justify-content:flex-start;padding:6px 9px}.sidebar-open .admin-sidebar{transform:translate(0)}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;display:block;border:0;background:#0d0f126b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.collapse-button{display:none}.topbar{padding:0 18px}.content-wrap{padding:24px 18px 44px}.filter-bar{flex-wrap:wrap}.search-box{width:100%}.filter-reset{margin-left:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-card table{min-width:860px}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-workspace{min-height:100vh;padding:32px 24px}.editor-grid{grid-template-columns:1fr}.editor-grid .form-row{grid-column:1}}@media(max-width:620px){.topbar-eyebrow,.admin-copy{display:none}.global-search-trigger{width:36px;padding:0;justify-content:center}.global-search-trigger span,.global-search-trigger kbd,.topbar-live-state{display:none}.content-wrap{padding:22px 14px 38px}.page-heading{min-height:0;align-items:center}.page-heading h1{font-size:22px}.page-heading p{display:none}.filter-bar select,.filter-bar .btn{flex:1}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:112px}.panel{padding:16px}.image-field{grid-template-columns:100px 1fr}.image-field>input{grid-column:1 / -1}.route-admin-row{align-items:flex-start;flex-wrap:wrap}.route-admin-row>img{width:110px;height:78px}.route-admin-row>div{min-width:calc(100% - 130px)}.modal-mask{padding:12px}.modal{padding:20px}.toast{right:14px;bottom:14px;left:14px;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}