:root{--color-primary: #0F766E;--color-primary-hover: #0d6661;--color-accent: #F59E0B;--color-accent-hover: #d88706;--color-bg-primary: #0c1e3d;--color-bg-secondary: #1a2236;--color-bg-tertiary: #131a2b;--color-card: #ffffff;--color-card-bg: #f8fafc;--color-surface: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-on-dark: #ffffff;--color-text-on-dark-muted: rgba(255,255,255,.7);--color-success: #10b981;--color-warning: #f97316;--color-danger: #ef4444;--color-info: #3b82f6;--color-purple: #8b5cf6;--color-border: #e2e8f0;--color-border-dark: rgba(255,255,255,.1);--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 4px 16px rgba(0,0,0,.15);--radius-button: 12px;--radius-card: 16px;--radius-sheet: 20px;--radius-pill: 100px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:Cairo,system-ui,sans-serif;background:var(--color-card-bg);color:var(--color-text-primary);font-size:14px;line-height:1.6;direction:rtl}body{overscroll-behavior:none}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;direction:rtl}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--color-bg-primary);color:var(--color-text-on-dark);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:50}.app-header .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px}.app-header .brand .logo{width:32px;height:32px;border-radius:8px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px}.app-header nav{display:flex;gap:4px;align-items:center}.app-header nav a{color:var(--color-text-on-dark-muted);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;transition:all .15s;text-decoration:none}.app-header nav a:hover,.app-header nav a.active{background:#ffffff1a;color:var(--color-text-on-dark)}.app-header .user-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff14;border-radius:var(--radius-pill);font-size:12px}.app-header .user-chip .avatar{width:28px;height:28px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-bg-primary);font-size:11px}.app-header .logout-btn{background:transparent;color:var(--color-text-on-dark-muted);padding:6px 12px;font-size:12px;border-radius:8px;font-weight:600;margin-right:8px}.app-header .logout-btn:hover{background:#ef444433;color:#fff}.card{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:16px;border:1px solid var(--color-border)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.card-title{font-size:16px;font-weight:700;color:var(--color-text-primary)}.card-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-button);font-size:13px;font-weight:700;transition:all .15s;min-height:40px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-accent{background:var(--color-accent);color:var(--color-bg-primary)}.btn-accent:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-card-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-hover-bg)}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{padding:6px 12px;font-size:12px;min-height:32px}.btn-lg{padding:14px 24px;font-size:15px;min-height:48px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.form-control{width:100%;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-button);font-size:14px;background:var(--color-surface);color:var(--color-text-primary);transition:border-color .15s}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0f766e1a}select.form-control{cursor:pointer}.table-wrap{background:var(--color-surface);border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--color-border)}.table thead{background:var(--color-card-bg)}.table th{text-align:right;padding:12px 16px;font-weight:700;color:var(--color-text-secondary);font-size:12px;border-bottom:1px solid var(--color-border)}.table td{padding:14px 16px;border-bottom:1px solid var(--color-border)}.table tr:last-child td{border-bottom:none}.table tr:hover{background:var(--color-card-bg)}.table .code{font-family:Consolas,Courier New,monospace;font-weight:600;color:var(--color-primary);font-size:12px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fed7aa;color:#9a3412}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-purple{background:#ede9fe;color:#5b21b6}.badge-muted{background:#e2e8f0;color:#475569}.pagination{display:flex;gap:4px;align-items:center;justify-content:center;padding:16px}.pagination button{padding:6px 12px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border);font-size:12px;font-weight:600;color:var(--color-text-secondary);min-width:36px}.pagination button:hover:not(:disabled){background:var(--color-card-bg)}.pagination button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-info{margin:0 12px;font-size:12px;color:var(--color-text-muted)}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;color:#fff;box-shadow:var(--shadow-lg);animation:toastIn .25s,toastOut .25s 1.7s;animation-fill-mode:both}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-danger)}.toast.info{background:var(--color-info)}.toast.purple{background:var(--color-purple)}@keyframes toastIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);padding:20px}.login-card{background:var(--color-surface);border-radius:var(--radius-sheet);padding:32px;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.login-logo{text-align:center;margin-bottom:24px}.login-logo h1{font-size:28px;color:var(--color-primary);margin-bottom:4px;font-weight:800}.login-logo p{font-size:14px;color:var(--color-text-muted)}.login-error{background:#fee2e2;color:#991b1b;padding:10px 14px;border-radius:var(--radius-button);font-size:13px;margin-bottom:16px;font-weight:600}.login-hint{background:var(--color-card-bg);padding:12px;border-radius:var(--radius-button);font-size:11px;color:var(--color-text-muted);margin-top:16px;line-height:1.8}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border-radius:var(--radius-card);padding:20px;border:1px solid var(--color-border);border-right:4px solid var(--color-primary)}.stat-card.accent{border-right-color:var(--color-accent)}.stat-card.success{border-right-color:var(--color-success)}.stat-card.purple{border-right-color:var(--color-purple)}.stat-card .label{font-size:12px;color:var(--color-text-muted);font-weight:600;margin-bottom:8px}.stat-card .value{font-size:28px;font-weight:800;color:var(--color-text-primary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h1{font-size:22px;font-weight:800;color:var(--color-text-primary)}.page-header .subtitle{font-size:13px;color:var(--color-text-muted);margin-top:2px}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.empty-state .icon{font-size:48px;margin-bottom:12px}.empty-state .title{font-size:16px;font-weight:700;color:var(--color-text-secondary);margin-bottom:4px}.empty-state .desc{font-size:13px}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--color-text-muted);font-size:13px}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}.sheet{background:var(--color-surface);border-radius:var(--radius-card);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);padding:20px}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.sheet-title{font-size:16px;font-weight:700}.sheet-close{width:32px;height:32px;border-radius:50%;background:var(--color-card-bg);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-secondary)}.sheet-actions{display:flex;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.sheet-actions .btn{flex:1}@media (max-width: 768px){.app-header{padding:10px 12px;flex-wrap:wrap}.app-header nav{order:3;width:100%;overflow-x:auto;margin-top:8px;padding-bottom:4px}.app-header nav::-webkit-scrollbar{display:none}.app-main{padding:12px}.table{font-size:12px}.table th,.table td{padding:8px 10px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card .value{font-size:22px}.sheet-overlay{padding:0;align-items:flex-end}.sheet{max-width:100%;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;max-height:85vh}}.backup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:4px}.backup-card{background:var(--color-card);border:1px solid var(--color-border);border-top:4px solid transparent;border-radius:var(--radius-card);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.backup-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.bc-header{padding:14px 16px;display:flex;align-items:flex-start;gap:12px}.bc-title{font-size:14px;font-weight:800;color:var(--color-text-primary)}.bc-desc{font-size:11px;color:var(--color-text-muted);margin-top:2px}.bc-body{padding:0 16px 16px}.bc-status{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--color-border);font-size:12px}.bc-label{color:var(--color-text-muted);font-weight:600}.bc-value{font-weight:700;color:var(--color-text-primary)}.bc-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:800}.bc-ok{background:#10b9811f;color:#065f46}.bc-fail{background:#ef44441f;color:#991b1b}.bc-none{background:var(--color-card-bg);color:var(--color-text-muted)}.bc-run-btn{width:100%;margin-top:12px;justify-content:center}.bc-progress{height:4px;background:var(--color-border);border-radius:4px;margin-top:10px;overflow:hidden}.bc-progress-bar{height:100%;width:40%;background:var(--color-primary);border-radius:4px;animation:bc-slide 1.2s ease-in-out infinite}@keyframes bc-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.backup-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;margin-bottom:16px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-card);color:#991b1b;font-size:13px;font-weight:600}@media (max-width: 900px){.backup-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.backup-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.backup-card{transition:none}.bc-progress-bar{animation:none;width:100%;opacity:.4}}.diag-version-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;margin-bottom:16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);font-size:13px}.diag-version-label{color:var(--color-text-muted);font-weight:600}.diag-version-value{font-weight:900;font-size:18px;font-family:monospace}.diag-verdict-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.diag-verdict{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-card);border:2px solid transparent;flex:0 0 auto}.diag-verdict-label{font-size:11px;color:var(--color-text-muted);font-weight:600}.diag-verdict-value{font-size:22px;font-weight:900}.diag-counts{display:flex;gap:16px}.diag-count{text-align:center;font-size:11px;font-weight:700}.diag-count span{display:block;font-size:24px;font-weight:900}.diag-meta{font-size:11px;color:var(--color-text-muted);margin-right:auto}.diag-grid{display:flex;flex-direction:column;gap:10px}.diag-card{background:var(--color-card);border:1px solid var(--color-border);border-right:4px solid transparent;border-radius:var(--radius-card);padding:14px 16px;transition:box-shadow .2s ease}.diag-card:hover{box-shadow:0 2px 8px #0000000f}.diag-card-head{display:flex;align-items:center;gap:10px}.diag-card-name{font-weight:800;font-size:13px}.diag-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:800;white-space:nowrap}.diag-card-detail{margin-top:8px;font-size:11px;color:var(--color-text-muted);line-height:1.6;word-break:break-all}@media (prefers-reduced-motion: reduce){.diag-card{transition:none}}.detail-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.detail-stat-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);flex:1;min-width:120px}.detail-stat-num{font-size:22px;font-weight:900;display:block}.detail-stat-label{font-size:11px;color:var(--color-text-muted)}.progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#22c55e;border-radius:4px;transition:width .3s ease}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.info-item{display:flex;flex-direction:column;gap:3px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;padding:10px 12px}.info-label{font-size:10.5px;color:var(--color-text-muted);font-weight:700}.info-item>span:last-child{font-size:14px;font-weight:600;color:var(--color-text-primary);word-break:break-word}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.btn-success{background:#22c55e;color:#fff;border:none}.btn-success:hover{background:#16a34a}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-danger:hover{background:#dc2626}.btn-sm{padding:4px 10px;font-size:11px;border-radius:6px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.dash-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;border-radius:var(--radius-card);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease;border:1px solid var(--color-border);background:var(--color-card)}.dash-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dash-card-num{font-size:32px;font-weight:900}.dash-card-label{font-size:13px;font-weight:700}.dash-card-sub{font-size:11px;color:var(--color-text-muted);text-align:center}.dash-card-blue .dash-card-num{color:#3b82f6}.dash-card-green .dash-card-num{color:#22c55e}.dash-card-purple .dash-card-num{color:#8b5cf6}.dash-card-red .dash-card-num{color:#ef4444}.dash-card-teal .dash-card-num{color:#14b8a6}.dash-card-amber .dash-card-num{color:#f59e0b}.status-bars{display:flex;flex-direction:column;gap:8px}.status-bar-row{display:flex;align-items:center;gap:8px;font-size:12px}.status-bar-label{width:100px;text-align:left;color:var(--color-text-muted);font-weight:600;flex-shrink:0}.status-bar-track{flex:1;height:12px;background:var(--color-border);border-radius:6px;overflow:hidden}.status-bar-fill{height:100%;border-radius:6px;transition:width .3s ease;min-width:2px}.status-bar-num{width:30px;text-align:center;font-weight:800}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card{background:var(--color-card);border-radius:var(--radius-card);padding:20px;width:100%;max-width:480px;box-shadow:0 8px 32px #00000026}.modal-header{font-size:16px;font-weight:800;margin-bottom:16px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{padding:8px 12px;text-align:right;font-weight:700;border-bottom:2px solid var(--color-border);font-size:11px;color:var(--color-text-muted)}.table td{padding:8px 12px;border-bottom:1px solid var(--color-border)}.table tr:hover{background:#00000005}.link{color:var(--color-primary);text-decoration:none;font-weight:700}.link:hover{text-decoration:underline}.list-item{padding:10px 0;border-bottom:1px solid var(--color-border)}.list-item:last-child{border-bottom:none}.badge-purple{background:#8b5cf61a;color:#7c3aed}@media (max-width: 768px){.dash-grid{grid-template-columns:1fr 1fr}.detail-stats{gap:8px}.detail-stat-card{min-width:100px;padding:10px 12px}div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media (max-width: 480px){.dash-grid{grid-template-columns:1fr}.workflow-actions{flex-direction:column}.info-grid{grid-template-columns:1fr 1fr;gap:8px}}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--color-bg-primary);color:var(--color-text-on-dark);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:60}.side-brand{display:flex;align-items:center;gap:10px;padding:18px 16px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}.side-brand:hover{text-decoration:none}.side-logo{width:34px;height:34px;border-radius:9px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0}.side-brand-title{font-weight:700;font-size:14px}.side-brand-sub{font-size:10px;opacity:.6}.side-nav{flex:1;padding:12px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.side-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff6;padding:14px 12px 6px}.side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:#ffffffb3;text-decoration:none;font-size:13px;font-weight:600;transition:background .15s,color .15s}.side-link:hover{background:#ffffff12;color:#fff;text-decoration:none}.side-link.active{background:var(--color-primary);color:#fff}.side-link svg{flex-shrink:0}.side-footer{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.side-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.side-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.side-user-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-role{font-size:11px;opacity:.6}.side-logout{width:100%;padding:9px;border-radius:9px;background:#ffffff0f;color:#ffffffd9;font-size:12px;font-weight:700;transition:background .15s}.side-logout:hover{background:#ef444440;color:#fff}.app-content{flex:1;min-width:0;display:flex;flex-direction:column}.app-main{flex:1;padding:24px;max-width:1200px;width:100%;margin:0 auto}.mobile-topbar,.side-scrim{display:none}@media (max-width: 768px){.sidebar{position:fixed;right:0;top:0;transform:translate(100%);transition:transform .25s ease;box-shadow:-4px 0 24px #0000004d}.sidebar.open{transform:translate(0)}.side-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:55}.mobile-topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-primary);color:#fff;position:sticky;top:0;z-index:50}.hamburger{color:#fff;display:flex;padding:4px}.mobile-brand{font-weight:700;font-size:15px}.app-main{padding:14px}}@media (prefers-reduced-motion: reduce){.sidebar{transition:none}}.side-link:focus-visible,.btn:focus-visible,.pagination button:focus-visible,.form-control:focus-visible,a:focus-visible,.side-logout:focus-visible,.hamburger:focus-visible{outline:none;box-shadow:0 0 0 3px #0f766e73;border-radius:8px}.skeleton{display:flex;flex-direction:column;gap:10px;padding:8px 0}.sk-line{height:14px;border-radius:6px;position:relative;overflow:hidden;background:var(--color-border)}.sk-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(100%);animation:skShimmer 1.4s infinite}.sk-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px;margin-bottom:12px}@keyframes skShimmer{to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.sk-line:after{animation:none}}.badge svg{margin-left:3px}@media (max-width: 640px){.cardify thead{display:none}.cardify,.cardify tbody,.cardify tr,.cardify td{display:block;width:100%}.cardify tr{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:10px 12px;margin-bottom:10px}.cardify td{border:none!important;padding:4px 0!important;display:flex;justify-content:space-between;align-items:center;gap:12px}.cardify td:before{content:attr(data-label);font-size:11px;font-weight:700;color:var(--color-text-muted);flex-shrink:0}.cardify td:first-child{border-bottom:1px solid var(--color-border)!important;padding-bottom:8px!important;margin-bottom:4px}}.report-page{background:var(--color-card-bg);min-height:100vh}.report-toolbar{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;background:var(--color-bg-primary);position:sticky;top:0;z-index:10}.report-wrap{max-width:800px;margin:20px auto;background:#fff;color:#0f172a;padding:32px 36px;border-radius:8px;box-shadow:var(--shadow-md)}.report-head{display:flex;align-items:center;gap:14px;border-bottom:3px solid var(--color-primary);padding-bottom:16px;margin-bottom:20px}.report-logo{width:48px;height:48px;border-radius:10px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.report-org{font-size:12px;color:var(--color-text-muted);font-weight:600}.report-title{font-size:20px;font-weight:800;color:#0f172a}.report-meta{text-align:left;font-size:12px;color:var(--color-text-secondary);line-height:1.9}.report-kv{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:13px}.report-kv th{text-align:right;background:var(--color-card-bg);color:var(--color-text-secondary);font-weight:700;padding:8px 10px;border:1px solid var(--color-border);white-space:nowrap;width:110px}.report-kv td{padding:8px 10px;border:1px solid var(--color-border)}.report-geo{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#f8fafc;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;margin-bottom:18px;font-size:13px}.report-geo-icon{display:inline-flex;color:var(--color-primary)}.report-geo .ok{color:#047857}.report-geo .bad{color:#b91c1c}.report-section{margin-bottom:18px}.report-section-head{font-size:15px;font-weight:800;color:var(--color-primary);border-bottom:1px solid var(--color-border);padding-bottom:6px;margin-bottom:10px}.report-count{display:inline-block;background:var(--color-primary);color:#fff;border-radius:100px;font-size:11px;padding:1px 9px;margin-right:4px}.report-empty{font-size:13px;color:var(--color-text-muted);padding:4px 0 8px}.report-table{width:100%;border-collapse:collapse;font-size:12.5px}.report-table th{text-align:right;background:var(--color-card-bg);color:var(--color-text-secondary);font-weight:700;padding:8px 10px;border:1px solid var(--color-border)}.report-table td{padding:8px 10px;border:1px solid var(--color-border);vertical-align:top}.report-table .mono,.report-kv .mono,td.mono{font-family:Consolas,monospace;font-size:11.5px;color:var(--color-primary);white-space:nowrap}.report-sign{display:flex;gap:40px;margin-top:40px}.report-sign>div{flex:1;text-align:center;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.report-sign-line{border-top:1px solid #475569;margin-bottom:6px;height:40px}.report-footer{margin-top:28px;padding-top:12px;border-top:1px solid var(--color-border);font-size:11px;color:var(--color-text-muted);text-align:center}@media print{@page{size:A4;margin:14mm}body{background:#fff!important}.no-print,.report-toolbar,.sidebar,.mobile-topbar,.side-scrim{display:none!important}.report-page,.report-wrap{margin:0!important;box-shadow:none!important;max-width:100%!important;padding:0!important;border-radius:0!important}.report-section,.report-table tr{page-break-inside:avoid}.report-table thead{display:table-header-group}}img,video,canvas{max-width:100%;height:auto}@media (max-width: 768px){input,textarea,select,.form-control{font-size:16px}.btn{min-height:44px}.side-link{padding:12px}.table-wrap{-webkit-overflow-scrolling:touch}.app-main{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(14px,env(safe-area-inset-bottom))}}.uiux-scope button,.uiux-scope select,.uiux-scope a.btn,.uiux-scope [role=button]{cursor:pointer}.uiux-scope input:not([type=checkbox]):not([type=radio]),.uiux-scope textarea{cursor:text}.uiux-scope .btn-sm{min-height:44px;min-width:44px}.uiux-scope button,.uiux-scope .btn,.uiux-scope a.btn{transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .15s ease,transform .12s ease}.uiux-scope .btn:active{transform:scale(.98)}.uiux-scope button:focus-visible,.uiux-scope a:focus-visible,.uiux-scope select:focus-visible,.uiux-scope input:focus-visible,.uiux-scope textarea:focus-visible,.uiux-scope [tabindex]:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:6px}.uiux-scope button:disabled,.uiux-scope .btn:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.uiux-scope *,.uiux-scope *:before,.uiux-scope *:after{transition:none!important;animation:none!important}}button,a,.btn,.side-link,[role=button],.pc-tab,.filter-chip{touch-action:manipulation}.btn:active,.side-link:active,.filter-chip:active,.pc-tab:active,.bn-item:active,.upz-opt:active,.list-card:active{opacity:.85}@media (max-width: 768px){.btn-sm{min-height:44px;padding-block:10px}.side-link{padding:12px;min-height:44px}.badge,.pill{min-height:24px}}@media (max-width: 768px){.mobile-topbar{padding-top:calc(12px + env(safe-area-inset-top))}.sidebar{padding-bottom:env(safe-area-inset-bottom)}.sheet{padding-bottom:calc(18px + env(safe-area-inset-bottom))}}.bottom-nav{display:none}@media (max-width: 768px){.bottom-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:45;background:var(--color-bg-primary);border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom)}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px;min-height:56px;color:#fff9;font-size:10px;font-weight:600;text-decoration:none;transition:color .15s}.bn-item.active{color:var(--color-primary)}.bn-item svg{flex-shrink:0}.app-main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}.pc-tabs-btn{display:none}@media (max-width: 768px){.pc-strip{display:none!important}.pc-tabs-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;min-height:48px;border-radius:12px;cursor:pointer;background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:14px;font-weight:800}}.pc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pc-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 6px;min-height:64px;border-radius:12px;cursor:pointer;text-align:center;background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:11px;font-weight:700;transition:all .15s}.pc-grid-item.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pc-grid-item:active{opacity:.85}.back-header{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-4)}.back-btn{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text-primary);transition:all .15s}.back-btn:active{opacity:.85}.upz{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.upz-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 6px;min-height:72px;border-radius:12px;cursor:pointer;text-align:center;background:var(--color-card-bg);border:1.5px dashed var(--color-border);color:var(--color-text-primary);font-size:11px;font-weight:700;transition:all .15s}.upz-opt:hover{border-color:var(--color-primary)}.upz-file{margin-top:10px;font-size:12px;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px}.sticky-search{position:sticky;top:0;z-index:20;padding:10px 0;background:var(--color-bg-body, #f8fafc);margin-bottom:8px}.search-box{display:flex;align-items:center;gap:8px;padding:11px 14px;min-height:44px;border-radius:12px;background:var(--color-card-bg, #fff);border:1px solid var(--color-border)}.search-box input{border:none;outline:none;background:transparent;flex:1;font-size:14px;font-family:inherit;color:var(--color-text-primary)}.filter-chips{display:flex;gap:6px;overflow-x:auto;margin-top:8px;padding-bottom:2px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:7px 14px;min-height:36px;border-radius:12px;cursor:pointer;background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;font-weight:700;transition:all .15s;white-space:nowrap}.filter-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.empty-rich{text-align:center;padding:36px 20px}.empty-rich .ic-box{width:64px;height:64px;border-radius:16px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:var(--color-chip-bg);color:var(--color-text-secondary)}.empty-rich h3{font-size:16px;font-weight:800;margin-bottom:4px;color:var(--color-text-primary)}.empty-rich p{font-size:13px;color:var(--color-text-muted);margin-bottom:16px}.list-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:var(--color-card-bg, #fff);border:1px solid var(--color-border);margin-bottom:8px;cursor:pointer;transition:all .15s}.list-card .lc-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-chip-bg);color:var(--color-primary)}.list-card .lc-body{flex:1;min-width:0}.list-card .lc-title{font-weight:700;font-size:14px;margin-bottom:4px}.list-card .lc-meta{display:flex;gap:6px;flex-wrap:wrap}.list-card .lc-arrow{color:var(--color-text-muted);flex-shrink:0}@media (max-width: 600px){table.cards-on-mobile,table.cards-on-mobile thead,table.cards-on-mobile tbody,table.cards-on-mobile tr,table.cards-on-mobile th,table.cards-on-mobile td{display:block}table.cards-on-mobile thead{display:none}table.cards-on-mobile tr{margin-bottom:8px;border:1px solid var(--color-border);border-radius:12px;padding:8px 12px;background:var(--color-card-bg, #fff)}table.cards-on-mobile td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:none;font-size:14px}table.cards-on-mobile td:before{content:attr(data-label);font-weight:700;color:var(--color-text-secondary)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#00000080;padding:20px;animation:cfFade .15s ease}@keyframes cfFade{0%{opacity:0}to{opacity:1}}.confirm-card{position:relative;width:100%;max-width:360px;background:var(--color-card-bg, #fff);border-radius:16px;padding:24px 20px 18px;text-align:center;box-shadow:0 20px 50px #0000004d;animation:cfPop .18s ease}@keyframes cfPop{0%{transform:scale(.94);opacity:.6}to{transform:scale(1);opacity:1}}.confirm-x{position:absolute;top:12px;inset-inline-end:12px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex}.confirm-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:var(--color-chip-bg);color:var(--color-text-secondary)}.confirm-icon.danger{background:#ef44441f;color:var(--color-danger)}.confirm-title{font-size:17px;font-weight:800;color:var(--color-text-primary);margin-bottom:6px}.confirm-msg{font-size:13px;color:var(--color-text-muted);margin-bottom:18px;line-height:1.5}.confirm-actions{display:flex;gap:10px}.confirm-actions .btn{flex:1}.skel{background:linear-gradient(90deg,#eef2f7 25%,#e2e8f0 37%,#eef2f7 63%);background-size:400% 100%;border-radius:8px;animation:skelShine 1.4s ease infinite}@keyframes skelShine{0%{background-position:100% 50%}to{background-position:0 50%}}.skel-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--color-card-bg, #fff);border:1px solid var(--color-border);border-radius:12px;margin-bottom:8px}.skel-avatar{width:44px;height:44px;border-radius:10px;flex-shrink:0}@media (prefers-reduced-motion: reduce){.skel{animation:none}}.scroll-top{position:fixed;bottom:88px;inset-inline-start:16px;z-index:44;width:44px;height:44px;border-radius:50%;cursor:pointer;background:var(--color-card-bg, #fff);border:1px solid var(--color-border);color:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000002e;transition:opacity .15s,transform .15s;animation:stIn .2s ease}.scroll-top:active{transform:scale(.92)}@keyframes stIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 769px){.scroll-top{bottom:24px}}.toast-container{position:fixed;inset-inline:0;bottom:0;z-index:120;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px calc(16px + env(safe-area-inset-bottom));pointer-events:none}@media (max-width: 768px){.toast-container{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}.toast{pointer-events:auto;max-width:440px;width:fit-content;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 8px 24px #0003;display:flex;align-items:center;gap:8px;animation:toastUp .22s ease}@keyframes toastUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.success{background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7}.toast.error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.toast.info{background:#eff6ff;color:#1e40af;border:1px solid #93c5fd}.toast.purple{background:#f5f3ff;color:#5b21b6;border:1px solid #c4b5fd}.dash-card{position:relative;transition:transform .15s,box-shadow .15s}.dash-card:active{transform:scale(.98)}.dash-card:after{content:"";position:absolute;top:16px;inset-inline-start:16px;width:18px;height:18px;opacity:.35;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M11 14l-4-4 4-4'/%3E%3C/svg%3E")}.field-error-text{color:var(--color-danger);font-size:11px;margin-top:5px;display:flex;align-items:center;gap:4px}.offline-banner{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:8px;background:#3a2a12;color:#e0b44c;padding:10px 14px;font-size:13px;font-weight:700;padding-top:calc(10px + env(safe-area-inset-top))}.ptr-indicator{display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;color:var(--color-primary);font-size:12px;font-weight:700;transition:height .12s ease}.ptr-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:ptrSpin .7s linear infinite}@keyframes ptrSpin{to{transform:rotate(360deg)}}.task-cards{display:none}@media (max-width: 768px){.tasks-table-wrap{display:none}.task-cards{display:block}}.task-card{position:relative;display:block;text-decoration:none;color:inherit;background:var(--color-card-bg, #fff);border:1px solid var(--color-border);border-radius:14px;padding:14px 14px 14px 18px;margin-bottom:10px;overflow:hidden;transition:opacity .15s,box-shadow .15s}.task-card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:var(--accent, #3b82f6)}.task-card:active{opacity:.85}.tc-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tc-proj{font-weight:800;font-size:16px;margin-bottom:2px;color:var(--color-text-primary)}.tc-code{color:var(--color-primary);font-weight:700;font-family:monospace;font-size:12px}.tc-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.tc-chip{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:8px;background:var(--color-chip-bg);color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:5px}.tc-geo{color:#059669}.tc-who{margin-inline-start:auto;font-size:12px;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:5px}.tc-check{display:flex;align-items:center;gap:10px}.btn-complete{background:#047857;color:#fff;font-weight:800;font-size:15px;box-shadow:0 4px 14px #04785759;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-complete:hover{background:#065f46}.btn-complete:active{transform:scale(.98)}.workflow-actions .btn-complete{margin-top:4px}.toast.success svg{animation:checkPop .4s cubic-bezier(.18,.89,.32,1.28)}@keyframes checkPop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.3) rotate(0);opacity:1}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.toast.success svg{animation:none}}.tc-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.tc-actions .btn{flex:1 1 0;min-width:64px}.sort-select{height:40px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-card-bg);color:var(--color-text-primary);padding:0 12px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}[data-theme=dark]{--color-card: #141d33;--color-card-bg: #0a1424;--color-surface: #141d33;--color-bg-body: #0a1424;--color-text-primary: #e8eef7;--color-text-secondary: #cbd5e1;--color-text-muted: #8aa0bd;--color-border: rgba(255,255,255,.1)}[data-theme=dark] body,[data-theme=dark] html{background:var(--color-card-bg);color:var(--color-text-primary)}[data-theme=dark] .card{box-shadow:0 1px 3px #0006}[data-theme=dark] .table th{background:#131a2b}[data-theme=dark] .filter-chip,[data-theme=dark] .sort-select,[data-theme=dark] .search-box{background:#141d33}[data-font=sm] .app-main{zoom:.92}[data-font=lg] .app-main{zoom:1.12}.seg-group{display:flex;gap:6px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:4px}.seg-opt{flex:1;text-align:center;padding:9px 6px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;border:none;background:transparent;color:var(--color-text-secondary);transition:background .15s,color .15s}.seg-opt.active{background:var(--color-primary);color:#fff}@media (prefers-reduced-motion: reduce){.seg-opt{transition:none}}.side-settings-link{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--color-text-on-dark-muted);text-decoration:none;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:8px}.side-settings-link:hover{background:#ffffff0f;color:#fff}[data-theme=dark] .task-card{background:#141d33;border-color:#ffffff14}[data-theme=dark] .tc-chip{background:#ffffff14;color:#cbd5e1}[data-theme=dark] .tc-geo{color:#34d399}[data-theme=dark] .tc-code{color:#2dd4bf}[data-theme=dark] .tc-who{color:#94a3b8}[data-theme=dark] .info-item{background:#131a2b;border-color:#ffffff14}[data-theme=dark] .tc-actions{border-top-color:#ffffff1a}[data-theme=dark] .badge-success{background:#10b98133;color:#6ee7b7}[data-theme=dark] .badge-info{background:#3b82f633;color:#93c5fd}[data-theme=dark] .badge-warning{background:#f9731633;color:#fdba74}[data-theme=dark] .badge-danger{background:#ef444433;color:#fca5a5}[data-theme=dark] .badge-muted{background:#94a3b833;color:#cbd5e1}[data-theme=dark] .login-error{background:#ef444433;color:#fca5a5}.task-complete-bar{display:none}@media (max-width: 768px){.task-complete-bar{display:block;position:fixed;inset-inline:0;bottom:calc(56px + env(safe-area-inset-bottom));z-index:44;padding:12px 16px;background:var(--color-card-bg);border-top:1px solid var(--color-border);box-shadow:0 -4px 16px #0000001f}.task-detail-has-complete{padding-bottom:84px}}@media (min-width: 769px){.task-complete-bar{display:block;margin-top:20px}.task-complete-bar .btn-complete{max-width:320px}}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .form-control{background:var(--color-surface);color:var(--color-text-primary);border-color:#ffffff24}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b}[data-theme=dark] select option{background:#141d33;color:#e8eef7}:root{--color-danger-strong: #b91c1c;--color-warning-strong: #b45309;--color-text-soft: #6b7280;--color-text-subtle: #64748b;--topbar-offset: 60px}button,a,select,input,textarea,[role=button]{touch-action:manipulation}.btn{min-height:44px}@media (pointer: coarse){.btn-sm{min-height:44px}.sheet-close{width:44px;height:44px}.seg-opt{min-height:44px}}.tc-code{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.ltr-code{direction:ltr;unicode-bidi:isolate;font-family:monospace;font-variant-numeric:tabular-nums;display:inline-block}.sheet-actions{position:sticky;bottom:0;background:inherit;margin:20px -20px -20px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));z-index:2}@media (min-width: 769px){.table-wrap{overflow:visible}.table thead th{position:sticky;top:var(--topbar-offset);background:var(--color-card);z-index:5}}.table tbody tr:hover td{background:var(--color-card-bg)}@media (max-width: 768px){html,body{font-size:16px}}.route-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:300;background:transparent}.route-progress i{display:block;height:100%;width:40%;background:var(--color-primary);animation:rp 1.1s ease-in-out infinite}@keyframes rp{0%{margin-inline-start:-40%}to{margin-inline-start:100%}}.toast .toast-x{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;display:inline-flex;padding:2px;margin-inline-start:2px}.toast .toast-x:hover{opacity:1}.row-flash>td{animation:rowfl 2.2s ease-out 1}@keyframes rowfl{0%{background:#10b98147}to{background:transparent}}.tr-link{cursor:pointer}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--color-primary)}.field-error{display:flex;align-items:center;gap:5px;color:var(--color-danger);font-size:12px;margin-top:4px}.input-error{border-color:var(--color-danger)!important}.avatar-ini{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}.av-0{background:#e6f1fb;color:#0c447c}.av-1{background:#eeedfe;color:#3c3489}.av-2{background:#faece7;color:#712b13}.av-3{background:#e1f5ee;color:#085041}.av-4{background:#fbeaf0;color:#72243e}.copy-code-btn{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:7px;min-height:32px;padding:2px 10px;font-size:12px;font-family:inherit;cursor:pointer;color:var(--color-text-secondary)}.copy-code-btn.ok{background:var(--color-primary);color:var(--color-text-on-dark);border-color:var(--color-primary)}.media-size-meter{font-variant-numeric:tabular-nums}.task-cards>*{content-visibility:auto;contain-intrinsic-size:auto 120px}@media (prefers-reduced-motion: reduce){.route-progress i{animation:none;width:100%;opacity:.5}.row-flash>td{animation:none}}:root{--color-chip-bg: #eef2f7;--color-hover-bg: #f1f5f9}.pc-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.pc-tab{min-height:44px;padding:8px 14px;border-radius:8px;white-space:nowrap;border:1px solid var(--color-border);background:var(--color-card-bg, #fff);color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.pc-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.pc-tab:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.pc-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (prefers-reduced-motion: reduce){.pc-tab{transition:none}}.sheet{color:var(--color-text-primary)}[data-theme=dark]{--color-chip-bg: rgba(255,255,255,.08);--color-hover-bg: rgba(255,255,255,.06)}[data-theme=dark] .sheet{background:#141d33;color:#e8eef7}[data-theme=dark] .sheet-title{color:#e8eef7}[data-theme=dark] .confirm-card{background:#141d33;color:#e8eef7}[data-theme=dark] .pc-grid-item{background:#0a1424;border-color:#ffffff1a;color:#e8eef7}[data-theme=dark] .pc-tab{background:#0a1424;border-color:#ffffff1a;color:#cbd5e1}html[data-layout=mobile] .app-header{padding:10px 12px;flex-wrap:wrap}html[data-layout=mobile] .app-header nav{order:3;width:100%;overflow-x:auto;margin-top:8px;padding-bottom:4px}html[data-layout=mobile] .app-main{padding:14px;padding-bottom:calc(72px + env(safe-area-inset-bottom));max-width:720px}html[data-layout=mobile] .table{font-size:12px}html[data-layout=mobile] .table th,html[data-layout=mobile] .table td{padding:8px 10px}html[data-layout=mobile] .stats-grid{grid-template-columns:1fr 1fr}html[data-layout=mobile] .sheet-overlay{padding:0;align-items:flex-end}html[data-layout=mobile] .sheet{max-width:100%;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;max-height:85vh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}html[data-layout=mobile] .sidebar{position:fixed;right:0;top:0;transform:translate(100%);transition:transform .25s ease;box-shadow:-4px 0 24px #0000004d;padding-bottom:env(safe-area-inset-bottom)}html[data-layout=mobile] .sidebar.open{transform:translate(0)}html[data-layout=mobile] .side-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:55}html[data-layout=mobile] .mobile-topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:var(--color-bg-primary);color:#fff;position:sticky;top:0;z-index:50}html[data-layout=mobile] .bottom-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:45;background:var(--color-bg-primary);border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom)}html[data-layout=mobile] .bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px;min-height:56px;color:#fff9;font-size:10px;font-weight:600;text-decoration:none}html[data-layout=mobile] .bn-item.active{color:var(--color-primary)}html[data-layout=mobile] .pc-strip{display:none!important}html[data-layout=mobile] .pc-tabs-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;min-height:48px;border-radius:12px;cursor:pointer;background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:14px;font-weight:800}html[data-layout=mobile] .tasks-table-wrap{display:none}html[data-layout=mobile] .task-cards,html[data-layout=mobile] table.cards-on-mobile,html[data-layout=mobile] table.cards-on-mobile thead,html[data-layout=mobile] table.cards-on-mobile tbody,html[data-layout=mobile] table.cards-on-mobile tr,html[data-layout=mobile] table.cards-on-mobile th,html[data-layout=mobile] table.cards-on-mobile td{display:block}html[data-layout=mobile] table.cards-on-mobile thead{display:none}html[data-layout=mobile] table.cards-on-mobile tr{margin-bottom:8px;border:1px solid var(--color-border);border-radius:12px;padding:8px 12px;background:var(--color-card-bg, #fff)}html[data-layout=mobile] table.cards-on-mobile td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:none;font-size:14px}html[data-layout=mobile] table.cards-on-mobile td:before{content:attr(data-label);font-weight:700;color:var(--color-text-secondary)}@media (prefers-reduced-motion: reduce){html[data-layout=mobile] .sidebar{transition:none}}.bio-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--color-bg-body, var(--color-card-bg))}.bio-card{width:100%;max-width:340px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:28px 22px;text-align:center;box-shadow:var(--shadow-lg)}.bio-card h2{font-size:18px;font-weight:800;margin:0 0 4px;color:var(--color-text-primary)}.bio-card p{font-size:13px;color:var(--color-text-muted);margin:0}.bio-icn{width:56px;height:56px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:var(--color-chip-bg);color:var(--color-primary)}[data-theme=dark] .bio-card{background:#141d33}.bn-cam{background:var(--color-primary)!important;color:#fff!important;border-radius:50%;width:52px;min-height:52px;max-width:52px;margin-top:-14px;box-shadow:0 4px 12px #0f766e73;flex:none!important;align-self:flex-start}.fh-visit{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--color-border)}.fh-visit:first-of-type{border-top:none;padding-top:0}.fh-task{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--color-border);cursor:pointer;min-height:44px}.fh-task:first-of-type{border-top:none;padding-top:0}.fh-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.fh-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-primary);font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}.fh-act:active{transform:scale(.97)}[data-theme=dark] .fh-act{background:#141d33}@media (prefers-reduced-motion: reduce){.fh-act:active{transform:none}}