.per-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0a1ebf;z-index:1100;display:flex;overflow-y:auto;padding:24px}.per-modal{--primary: #176b45;--dark: #105337;--light: #f0f9e9;--bg: #f3f6f4;--border: #dce5df;--text: #24352c;max-width:1500px;margin:auto;background:var(--bg);color:var(--text);border-radius:14px;padding:24px;font-family:Segoe UI,Arial,sans-serif}.per-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:24px}.per-header h1{margin:0 0 8px;font-size:24px}.per-header p{margin:0;color:#6b7d72}.per-panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #183d2410}.per-panel-header{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--border)}.per-panel-header h2{margin:0;font-size:18px}.per-panel-header p{margin:6px 0 0;color:#6b7d72;font-size:13px}.per-table-container{width:100%;overflow-x:auto}.per-table{width:100%;min-width:1150px;border-collapse:collapse;font-size:12px}.per-table thead th{background:#eaf0eb;color:#334b3c;padding:12px 7px;text-align:center;border:1px solid var(--border);white-space:nowrap}.per-table tbody td{padding:7px;border:1px solid var(--border);vertical-align:middle}.per-group td{background:#d8ebcb;color:var(--dark);padding:9px 11px;font-weight:700}.per-group-name{font-weight:700}.per-group-cell{display:flex;justify-content:space-between;align-items:center;gap:12px}.per-group-input{flex:1;min-width:150px;padding:6px 8px;border:1px solid #b7d0bf;border-radius:5px;background:#fff;color:var(--dark);font:inherit;font-weight:700}.per-group-input:focus{outline:2px solid #91c9a6;border-color:var(--primary)}.per-btn-add{min-width:32px;height:32px;padding:0 10px;border:none;border-radius:7px;background:var(--primary);color:#fff;font-size:18px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.per-btn-add:hover{filter:brightness(.94)}.per-editable{background:var(--light)}.per-table input[type=text],.per-table select{width:100%;min-width:75px;padding:8px 6px;border:1px solid #cbd9ce;border-radius:5px;background:#fff;color:var(--text);font:inherit}.per-table input:focus,.per-table select:focus{outline:2px solid #91c9a6;border-color:var(--primary)}.per-folder-input{min-width:125px}.per-task-input{min-width:190px}.per-day{text-align:center;min-width:35px}.per-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.per-actions{display:flex;flex-wrap:wrap;gap:10px}.per-btn{padding:10px 15px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer}.per-btn:hover{filter:brightness(.94)}.per-btn-primary{background:var(--primary);color:#fff}.per-btn-secondary{background:#e8eee9;color:#334b3c}.per-btn-delete{background:#fde9e7;color:#a42b22}.per-btn-icon-del{width:32px;height:32px;border:none;border-radius:7px;background:#fde9e7;color:#a42b22;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.per-btn-icon-del:hover{background:#f9d3ce}.per-task{cursor:default}.per-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:20px 0 4px}.per-footer small{color:#6b7d72}.per-msg{margin-top:12px;font-size:13px;font-weight:600}.per-msg.ok{color:#176b45}.per-msg.err{color:#a42b22}.per-loading{padding:30px;text-align:center;color:#6b7d72}@media(max-width:700px){.per-modal{padding:12px}.per-header h1{font-size:20px}}@media print{.per-overlay{position:static;background:#fff;padding:0}.per-actions,.per-footer,.per-btn-add{display:none!important}.per-panel{box-shadow:none}}:root{--bg:#ffffff;--bg2:#ffffff;--fg:#1e293b;--muted:#64748b;--border:#b2b2b2;--accent:#00C96B;--radius:14px;--radius-sm:10px;--transition:.2s ease;--navbar-bg:#0e0837;--navbar-bg-hover:#1a1145;--logo-w:28px;--navbar-font-size:14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--fg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{list-style:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:200;padding:0 44px;height:79px;display:flex;justify-content:space-between;align-items:center;background:var(--navbar-bg,#0e0837);border-bottom:1px solid var(--border)}.navbar-logo{display:flex;align-items:center;height:79px}.navbar-logo img{height:28px;width:auto;object-fit:contain}.navbar-left{display:flex;align-items:center;gap:32px;height:100%}.navbar-links{display:flex;align-items:center;gap:2px;height:100%}.navbar-links a{display:flex;align-items:center;padding:0 18px;height:79px;font-size:var(--navbar-font-size,14px);font-weight:500;color:#edede899;transition:color .2s ease;white-space:nowrap;border-bottom:2px solid transparent;text-transform:uppercase}.navbar-links a:hover,.navbar-links a.active{color:#edede8}.navbar-right{display:flex;align-items:center;gap:12px;height:100%}.navbar-user{display:flex;align-items:center;gap:8px;background:#edede814;border:none;border-radius:100px;padding:7px 16px;color:#edede8b3;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s ease;cursor:pointer;white-space:nowrap}.navbar-user:hover{background:#edede826;color:#edede8}.navbar-user i{font-size:14px;color:var(--accent)}.content{min-height:100vh;padding:100px 110px 32px;position:relative}.content-inner{background:var(--bg);margin:0}.section-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:10px;font-weight:600}.section-title{font-family:Inter,sans-serif;font-size:36px;font-weight:800;letter-spacing:-.035em;line-height:1.05;margin-bottom:24px}.section-sub{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:32px;max-width:640px}.card{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.card-header{padding:20px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.card-header h3{margin:0;font-size:15px;font-weight:700;color:var(--fg);letter-spacing:-.02em}.card-body{padding:24px 28px}.card-footer{padding:16px 28px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:100px;font-weight:600;font-size:13px;line-height:1.4;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;font-family:Inter,sans-serif}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#00b85e;box-shadow:0 4px 16px #00c96b40}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;color:#fff}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706;color:#fff}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg2);color:var(--fg)}.btn-ghost-danger{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-ghost-danger:hover{background:#ef44440f;border-color:#ef44444d}.btn-gray{background:#52525b;color:#fff;border:1px solid #52525b}.btn-gray:hover{background:#3f3f46;color:#fff;border-color:#3f3f46}.btn-gray:disabled{background:#a1a1aa;color:#fff;border-color:#a1a1aa;cursor:not-allowed;opacity:1;transform:none}.btn-installed{background:#059669;color:#fff;border:1px solid #059669}.btn-installed:hover{background:#047857;color:#fff;border-color:#047857}.btn-config{background:#111827;color:#fff;border:1px solid #111827}.btn-config:hover{background:#1f2937;color:#fff;border-color:#1f2937}.btn-sm{padding:6px 14px;font-size:12px}.btn-xs{padding:4px 10px;font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-success{background:#00c96b1a;color:#059669;border:1px solid rgba(0,201,107,.2)}.badge-danger{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.badge-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.badge-neutral{background:var(--bg2);color:var(--muted);border:1px solid transparent}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:#00c96b;box-shadow:0 0 8px #00c96b66}.status-dot.offline{background:#ef4444;box-shadow:0 0 8px #ef444466}.ping{position:relative}.ping:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;animation:ping 2s ease infinite}.ping.online:before{background:#00c96b4d}.ping.offline:before{background:#ef44444d}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.form-group{margin-bottom:20px}.form-group label{font-weight:600;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;display:block}.form-control{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;color:var(--fg);width:100%;transition:border-color .2s,box-shadow .2s;font-family:Inter,sans-serif}.form-control:focus{border-color:#00c96b;box-shadow:0 0 0 3px #00c96b14;outline:none}.form-control::placeholder{color:var(--muted);opacity:.6}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2393938F' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-check{display:flex;align-items:center;gap:8px}.form-check input[type=checkbox]{width:18px;height:18px;accent-color:#00C96B;cursor:pointer}.form-check label{font-size:14px;color:var(--muted);cursor:pointer;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}table thead th{padding:14px 16px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}table tbody td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--fg)}table tbody tr:last-child td{border-bottom:none}table tbody tr:hover td{background:var(--bg2)}.alert{padding:12px 20px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px}.alert-danger{background:#ef44440f;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.alert-success{background:#00c96b14;color:#00b85e;border:1px solid rgba(0,201,107,.25)}.loading-spinner{display:flex;align-items:center;justify-content:center;height:60vh;color:var(--muted)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted)}.route-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:100}.ring-spinner{width:38px;height:38px;border:3px solid rgba(6,18,12,.12);border-top-color:var(--accent,#00C96B);border-radius:50%;animation:smc-spin .8s linear infinite}@keyframes smc-spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 20px;color:var(--muted)}.empty-state i{font-size:48px;display:block;margin-bottom:16px;opacity:.3}.empty-state h3{font-size:18px;font-weight:600;color:var(--fg);margin-bottom:8px}.empty-state p{font-size:14px;color:var(--muted)}.qnap-card{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:box-shadow .25s ease}.qnap-card:hover{box-shadow:0 4px 20px #0000000f}.qnap-card-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg)}.qnap-card-name{font-size:16px;font-weight:700;color:var(--fg);display:flex;align-items:center;gap:10px}.qnap-card-split{display:grid;grid-template-columns:1fr 1fr}.qnap-card-left{border-right:1px solid var(--border)}.qnap-card-right{padding:20px 16px;overflow:hidden}.qnap-card-body{display:grid;grid-template-columns:repeat(3,1fr)}.qnap-stat{padding:20px;text-align:center;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.qnap-stat:nth-child(3n){border-right:none}.qnap-stat:nth-last-child(-n+3){border-bottom:none}.qnap-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:4px}.qnap-stat-value{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.2}.qnap-detail-section{padding:20px 24px;border-top:1px solid var(--border)}.qnap-detail-title{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.backup-week-title{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;display:flex;align-items:center;gap:8px}.backup-week-scroll{overflow-x:auto}.backup-week-table{width:100%;border-collapse:collapse;min-width:500px;border:1px solid var(--border)}.backup-week-table th,.backup-week-table td{border:1px solid var(--border);padding:8px 6px;text-align:center;vertical-align:middle;font-size:11px}.backup-week-table th{color:var(--muted);font-weight:700;text-transform:uppercase}.backup-week-table td:first-child{text-align:left;font-weight:700;color:var(--fg);padding-left:12px;font-size:13px;white-space:nowrap}.backup-badges{display:flex;justify-content:center;gap:3px}.sync-tip-float{position:fixed;background:#0f172a;color:#f1f5f9;border-radius:10px;padding:10px 12px;width:250px;box-shadow:0 12px 28px #00000059;z-index:5000;text-align:left;white-space:normal;pointer-events:none}.sync-tip-float strong{display:block;font-size:12px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-tip-float span{display:block;font-size:11px;color:#cbd5e1;line-height:1.5}.sync-tip-float.is-err{background:#dc2626}.sync-tip-float.is-err strong,.sync-tip-float.is-err span{color:#fff}.backup-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:14px;border-radius:2px;font-size:9px;font-weight:700;font-family:sans-serif}.backup-badge.green{background:#10b981;color:#fff}.backup-badge.grey{background:var(--border);color:var(--muted)}.backup-badge.orange{background:#f59e0b;color:#fff}.backup-badge.red{background:#ef4444;color:#fff}@media(max-width:1100px){.qnap-card-split{grid-template-columns:1fr}.qnap-card-left{border-right:none}}.progress-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;background:#00c96b;transition:width .8s ease-in-out}.progress-bar-fill.warning{background:#f59e0b}.progress-bar-fill.danger{background:#ef4444}.backup-table{width:100%}.backup-table th{padding:12px 16px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--border);text-align:left}.backup-table td{padding:10px 16px;font-size:13px;border-bottom:1px solid var(--border);color:var(--fg)}.backup-table tr:last-child td{border-bottom:none}.backup-table tr:hover td{background:#f8fafc}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.metric-item{padding:16px;text-align:center;border-right:1px solid var(--border);background:var(--bg)}.metric-item:last-child{border-right:none}.metric-item-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:4px}.metric-item-value{font-size:24px;font-weight:800;letter-spacing:-.03em}.chart-card{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);padding:20px}.chart-card h4{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:16px}.last-update{text-align:right;font-size:12px;color:var(--muted);padding:12px 0;border-top:1px solid var(--border);margin-top:32px}.swal2-popup{background:var(--bg2)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;color:var(--fg)!important}.swal2-title{color:var(--fg)!important}.swal2-html-container{color:var(--muted)!important}.swal2-confirm{border-radius:100px!important}.swal2-cancel{border-radius:100px!important;background:var(--bg)!important;color:var(--muted)!important}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:100%;max-width:420px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:48px 40px;box-shadow:0 4px 24px #0000000a}.login-logo{text-align:center;margin-bottom:32px}.login-logo h1{font-family:Syne,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--fg);margin-bottom:4px}.login-logo p{font-size:14px;color:var(--muted)}.login-card .form-group{margin-bottom:20px}.login-card label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;display:block}.login-card input[type=email],.login-card input[type=password]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:15px;color:var(--fg);width:100%;transition:border-color .2s;font-family:Inter,sans-serif}.login-card input:focus{border-color:#00c96b;outline:none;box-shadow:0 0 0 3px #00c96b14}.login-card .btn-login{width:100%;padding:12px;background:var(--navbar-bg,#0e0837);color:#fff;border:none;border-radius:100px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;margin-top:8px}.login-card .btn-login:hover{background:var(--navbar-bg-hover,#1a1145);box-shadow:0 4px 16px #0e083733}.login-card .btn-login:disabled{opacity:.5;cursor:not-allowed}.sinc-wrap{display:flex;flex-direction:column;gap:36px}.sinc-head{margin-bottom:4px}.sinc-title{font-size:clamp(24px,3vw,36px);font-weight:800;color:#0f172a;letter-spacing:-.035em;line-height:1.1;margin-bottom:4px}.sinc-desc{font-size:14px;color:#94a3b8}.sinc-qnap{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;overflow-x:auto}.sinc-qnap-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.sinc-qnap-name{font-size:16px;font-weight:700;color:#0f172a}.sinc-qnap-num{font-size:12px;color:#94a3b8;margin-top:1px;display:block}.sinc-ov{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600}.sinc-ov.green{background:#ecfdf5;color:#065f46}.sinc-ov.red{background:#fef2f2;color:#991b1b}.sinc-ov.yellow{background:#fffbeb;color:#92400e}.sinc-ov-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:sincPulse 2s ease-in-out infinite}@keyframes sincPulse{0%,to{opacity:1}50%{opacity:.4}}.sinc-list{overflow-x:auto}.sinc-list-head{display:grid;grid-template-columns:minmax(170px,1.5fr) 92px repeat(3,minmax(104px,132px)) minmax(150px,175px) minmax(150px,165px);gap:0 12px;align-items:center;min-width:920px;padding:8px 24px 6px 32px;border-bottom:1px solid #e2e8f0;background:#f8fafc;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;white-space:nowrap;box-sizing:border-box}.sinc-head-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.sinc-head-right{display:contents}.sinc-head-dir{display:inline-flex;justify-content:flex-start}.sinc-m-lbl{display:none}.sinc-row{display:flex;flex-direction:column;border-bottom:1px solid #f1f5f9;position:relative;transition:background .15s}.sinc-row:last-child{border-bottom:none}.sinc-row:hover,.sinc-row.green{background:#f0fdf4}.sinc-row.green:hover{background:#dcfce7}.sinc-row.red{background:#fef2f2}.sinc-row.red:hover{background:#fee2e2}.sinc-row-edge{position:absolute;left:0;top:0;bottom:0;width:4px}.sinc-row.green .sinc-row-edge{background:#10b981}.sinc-row.red .sinc-row-edge{background:#ef4444}.sinc-row.gray .sinc-row-edge{background:#cbd5e1}.sinc-row-main{padding:16px 24px 16px 32px}.sinc-row-top{display:grid;grid-template-columns:minmax(170px,1.5fr) 92px repeat(3,minmax(104px,132px)) minmax(150px,175px) minmax(150px,165px);gap:0 12px;align-items:center;min-width:920px;box-sizing:border-box}.sinc-row-top-right,.sinc-cell{display:contents}.sinc-dir{display:inline-flex;padding:3px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;justify-content:center;box-sizing:border-box;max-width:120px}.sinc-dir.sinc-enviar{background:#eff6ff;color:#1d4ed8}.sinc-dir.sinc-recibir{background:#fef3c7;color:#b45309}.sinc-row-name{font-size:14px;font-weight:600;color:#0f172a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sinc-row-top-right .sinc-mid-item{display:flex;align-items:center;gap:5px;white-space:nowrap;justify-content:flex-start;box-sizing:border-box;min-width:0}.sinc-status-txt{font-size:12px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;min-width:0}.sinc-last-val{font-size:11px;font-weight:500;color:#64748b;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.sinc-mid-lbl{font-size:10px;color:#94a3b8;font-weight:500}.sinc-bar-wrap{display:flex;align-items:center;gap:6px}.sinc-mid-bar{width:80px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.sinc-mid-fill{height:100%;border-radius:3px;background:#10b981;transition:width .5s ease}.sinc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.sinc-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sinc-filter{width:120px;height:100px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;cursor:pointer;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 4px #00000014}.sinc-filter:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000024}.sinc-filter.state-gray{background:#e9edf3;color:#475569}.sinc-filter.state-green{background:#10b981;color:#fff}.sinc-filter.state-red{background:#ef4444;color:#fff}.sinc-filter.state-yellow{background:#f59e0b;color:#fff}.sinc-filter-count{font-size:30px;line-height:1;font-weight:800}.sinc-filter-label{font-size:12px;font-weight:600;opacity:.92}.sinc-filter.active{outline:3px solid #0f172a;outline-offset:2px}.sinc-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:100px;padding:8px 16px;width:260px;max-width:100%}.sinc-search i{color:#94a3b8;font-size:13px}.sinc-search input{border:none;outline:none;flex:1;font-size:13.5px;color:#0f172a;font-family:Inter,sans-serif;background:transparent}.sinc-search input::placeholder{color:#94a3b8}.sinc-row.red .sinc-mid-fill{background:#ef4444}.sinc-bar-pct{font-size:13px;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums;min-width:36px}.sinc-row-bot{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #f1f5f9}.sinc-bot-item{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:4px}.sinc-bot-item i{font-size:11px}.sinc-bot-sep{color:#e2e8f0;font-size:11px}.sinc-row-err{font-size:12px;color:#dc2626;background:#fef2f2;padding:8px 28px 8px 32px;border-top:1px solid #fecaca}.sinc-foot{text-align:right;font-size:12px;color:#94a3b8;padding-top:8px}.search-wrap{position:relative;max-width:320px}.search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px}.search-wrap input{width:100%;padding:10px 14px 10px 36px;background:var(--bg2);border:1px solid var(--border);border-radius:100px;font-size:13px;color:var(--fg);transition:border-color .2s;font-family:Inter,sans-serif}.search-wrap input:focus{border-color:#00c96b;outline:none}.search-wrap input::placeholder{color:var(--muted);opacity:.6}@media(max-width:900px){.navbar{padding:0 24px}.navbar-links{display:none}.content{padding-left:24px;padding-right:24px}.job-detail-grid,.qnap-card-body{grid-template-columns:1fr 1fr}.qnap-stat:nth-child(2n){border-right:none}.qnap-stat:nth-child(3n){border-right:1px solid var(--border)}}@media(max-width:640px){.navbar-links{display:none}.content{padding-left:16px;padding-right:16px}.qnap-card-body{grid-template-columns:1fr 1fr}.qnap-stat:nth-child(2n){border-right:none}.qnap-stat:last-child{border-bottom:1px solid var(--border)}.qnap-stat:nth-last-child(-n+3){border-bottom:none}}@keyframes spin{to{transform:rotate(360deg)}}.fa-spinner{animation:spin 1s linear infinite}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)!important}.recharts-text{fill:var(--muted)!important;font-size:10px!important}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg2)!important;border:1px solid var(--border)!important;border-radius:8px!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.informes-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}@media(max-width:900px){.informes-grid{grid-template-columns:1fr}}.smc-dialog{width:100%;max-width:var(--smc-dialog-max,560px);display:flex;flex-direction:column;overflow:hidden}.smc-dialog-body{overflow-y:auto;flex:1;min-height:0}@media(max-width:640px){.smc-dialog{max-height:92vh;overflow-y:auto;overflow-x:hidden}}@media(max-width:640px){.table-wrap{overflow:visible}table[data-cards],table[data-cards] tbody,table[data-cards] tr,table[data-cards] td{display:block;width:100%}table[data-cards] thead{display:none}table[data-cards] tbody{display:block}table[data-cards] tr{display:block;border:1px solid var(--border);border-radius:12px;margin:0 0 12px;padding:2px 4px;background:var(--bg2);box-shadow:0 1px 3px #0000000a}table[data-cards] td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid transparent;border-bottom:1px solid var(--border);text-align:right;white-space:normal;font-size:13px}table[data-cards] td:before{content:attr(data-label);font-weight:600;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.05em;text-align:left;flex:0 0 auto;max-width:46%;margin-right:12px}table[data-cards] tr td:last-child{border-bottom:none}table[data-cards] tr:last-child{margin-bottom:0}table[data-cards] td .btn{margin-left:0!important}}@media(max-width:640px){.metric-row{grid-template-columns:1fr}.metric-item{border-right:none;border-bottom:1px solid var(--border)}.metric-item:last-child{border-bottom:none}}@media(max-width:480px){.qnap-card-body{grid-template-columns:1fr}.qnap-stat:nth-child(n){border-right:none}.qnap-stat{border-bottom:1px solid var(--border)}.qnap-stat:last-child{border-bottom:none}}@media(max-width:768px){.sinc-list{overflow:visible}.sinc-list-head{display:none}.sinc-row-top{grid-template-columns:1fr 1fr;gap:10px 14px;min-width:0}.sinc-row-name{grid-column:1/-1}.sinc-cell{display:flex;flex-direction:column;gap:3px;min-width:0}.sinc-m-lbl{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.sinc-dir{max-width:none;align-self:flex-start}.sinc-search,.sinc-filters{width:100%}.sinc-filter{width:calc(50% - 5px)}.sinc-row-main{padding:16px 16px 16px 20px}}@media(max-width:480px){.login-card{padding:32px 22px}}@media(max-width:480px){.swal2-popup{width:auto;margin:0 12px}.swal2-actions{flex-wrap:wrap}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0a1ee6;display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay.open{display:flex;animation:smc-ov .18s ease}@keyframes smc-ov{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:16px;width:100%;max-width:520px;box-shadow:0 24px 60px #0a081e40;animation:smc-md .2s cubic-bezier(.2,.9,.3,1);overflow:hidden;display:flex;flex-direction:column;max-height:90vh}@keyframes smc-md{0%{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal-xl{max-width:860px}.modal-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.modal-header h3{margin:0;font-size:15px;font-weight:700;color:var(--fg);display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.modal-header h3 i{color:var(--accent-dark,var(--accent))}.modal-close{border:none;background:#f5f6f8;color:#8a8f9c;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.modal-close:hover{background:#e8eaee;color:#17181c}.modal-body{padding:22px;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:0 22px 20px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0}@media(max-width:640px){.modal-overlay{padding:14px;align-items:flex-end}.modal{max-width:94vw;max-height:92vh;border-radius:16px}.modal-body{padding:18px}.modal-header{padding:16px 18px}.modal-footer{padding:0 18px 16px}}.seg-item{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;white-space:nowrap}.seg-item:hover{color:var(--fg)}.seg-item i{font-size:12px}.seg-active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #00c96b47}.seg-active:hover{color:#fff}.dia-chip{border:1px solid var(--border);background:var(--bg2);color:var(--fg);width:38px;height:38px;border-radius:50%;font-size:11px;font-weight:800;cursor:pointer;transition:all .18s;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center}.dia-chip:hover{border-color:var(--accent);color:var(--accent-dark,var(--accent))}.dia-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #00c96b47}.hint{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.55;color:#4b5563;background:#eff6ff;border-left:4px solid #3b82f6;padding:10px 12px;border-radius:8px}.hint strong{color:#1d4ed8}.notify{text-align:center;padding:8px 4px 2px}.notify-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px;background:#00c96b1a;color:#059669;border:1px solid rgba(5,150,105,.25)}.notify.err .notify-icon,.notify.error .notify-icon{background:#fef2f2;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.notify.warn .notify-icon{background:#fffbeb;color:#d97706;border:1px solid rgba(245,158,11,.25)}.notify-title{font-size:16px;font-weight:800;color:var(--fg);margin-bottom:4px}.notify p{font-size:13.5px;color:#4b5563;line-height:1.6}.notify .sub{font-size:12.5px;color:#6b7280;margin-top:6px;line-height:1.5}.field{margin-bottom:14px}.field label{display:block;font-weight:600;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.field-row{grid-template-columns:1fr}}.form-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--muted);line-height:1.5}.form-note i{margin-top:1px;color:var(--accent)}.form-note-title{font-weight:700;display:block;color:var(--fg)}.loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 16px;color:var(--muted);font-size:13px;text-align:center}.loading i{margin-bottom:2px}.loading p{margin:0}.ring{display:inline-block;width:14px;height:14px;border:2px solid rgba(6,18,12,.14);border-top-color:#00c96b;border-radius:50%;animation:smc-spin .8s linear infinite;flex-shrink:0;vertical-align:-3px}.ring-lg{width:34px;height:34px;border-width:3px;vertical-align:0}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:var(--muted);font-size:13px;text-align:center}.empty i{font-size:30px;opacity:.3}.btn-navy{background:var(--navbar-bg,#0e0837);color:#fff}.btn-navy:hover{background:var(--navbar-bg-hover,#1a1145);color:#fff}.btn-success{background:#059669;color:#fff}.btn-success:hover{background:#047857;color:#fff}.badge.ok,.badge.badge-success{background:#00c96b1a;color:#059669;border:1px solid rgba(0,201,107,.25)}.badge.down,.badge.badge-danger{background:#dc262614;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.badge.test,.badge.badge-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.25)}.badge.no,.badge.badge-neutral{background:var(--bg2);color:var(--muted);border:1px solid var(--border)}.datacenter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.datacenter-card{background:#fff;border:1px solid #e1e5ea;border-radius:15px;min-height:340px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 3px 12px #0f172a0e;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;padding:15px;min-width:0}.datacenter-card:hover{transform:translateY(-3px);border-color:#d4d9e0;box-shadow:0 8px 24px #0f172a17}.datacenter-card .card-header{padding:30px 31px 27px;border-bottom:1px solid #edf0f3}.datacenter-card .server-icon{width:46px;height:46px;border-radius:10px;background:#f1f3f5;display:flex;align-items:center;justify-content:center;color:#374151;font-size:20px;margin-bottom:18px}.datacenter-card .card-title{font-size:23px;font-weight:700;color:#111827;margin-bottom:6px}.datacenter-card .card-id{font-size:16px;color:#6b7280;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;margin-bottom:13px}.datacenter-card .ssh-status{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#15803d}.datacenter-card .ssh-dot{width:9px;height:9px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 3px #22c55e1f}.datacenter-card .card-body{padding:29px 31px;flex:1}.datacenter-card .info-block{margin-bottom:21px}.datacenter-card .info-label{font-size:13px;font-weight:700;color:#9ca3af;letter-spacing:.7px;margin-bottom:7px}.datacenter-card .info-value{font-size:16px;color:#374151;word-break:break-word;line-height:1.5}.datacenter-card .extractor-version{font-weight:600;color:#111827}.datacenter-card .card-footer{padding:23px 31px 28px;border-top:1px solid #edf0f3;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.datacenter-card .btn{min-height:42px;height:auto;border-radius:7px;border:1px solid transparent;padding:8px 10px;font-size:12.5px;font-weight:700;letter-spacing:.35px;cursor:pointer;transition:all .18s ease;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.datacenter-card .btn-config{background:#111827;color:#fff}.datacenter-card .btn-config:hover{background:#1f2937}.datacenter-card .btn-installed{background:#059669;border-color:#059669;color:#fff}.datacenter-card .btn-installed:hover{background:#047857;border-color:#047857;color:#fff}.datacenter-card .btn-delete{grid-column:1 / -1;background:#fff;border-color:#e5e7eb;color:#dc2626}.datacenter-card .btn-delete:hover{background:#fef2f2;border-color:#fecaca}.add-card{min-height:340px;border:2px dashed #d1d5db;border-radius:15px;background:#fafafa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.add-card:hover{background:#fff;border-color:#9ca3af}.add-card .add-content{text-align:center}.add-card .add-icon{width:52px;height:52px;border-radius:11px;background:#eef0f2;display:flex;align-items:center;justify-content:center;margin:0 auto 17px;color:#374151;font-size:22px}.add-card .add-title{font-size:17px;font-weight:700;color:#374151;letter-spacing:.25px}.add-card .add-subtitle{font-size:14px;color:#9ca3af;margin-top:6px}.dc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:16px 20px 40px}.dc-card,.dc-add{display:none}@media(max-width:1350px){.datacenter-grid,.dc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.datacenter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.datacenter-grid{grid-template-columns:1fr;gap:14px;padding:12px}.dc-grid{grid-template-columns:1fr}}@media(max-width:480px){.datacenter-card .card-footer{grid-template-columns:1fr}.datacenter-card .btn-delete{grid-column:1}}.space-y-5>*+*{margin-top:20px}.space-y-6>*+*{margin-top:24px}body.chat-open .content{padding:79px 0 0}body.chat-open .content-inner{height:calc(100vh - 79px);display:flex;flex-direction:column}body.chat-open .chat-wrap{flex:1;height:100%;display:flex;min-height:0}body.smc-ops{--ops-accent:#00C96B;--ops-accent-dark:#00a85a;--ops-ink:#06281a;--ops-muted:#55606e;--ops-border:#d9dee5;--ops-panel:transparent;--ops-bg:#f7f8fa;--ops-danger:#dc2626;--ops-font-display:"Space Grotesk",sans-serif;--ops-font-mono:"Space Mono",monospace}body.smc-ops .section-label,body.smc-ops .s-label{font-family:var(--ops-font-mono);font-size:14px;text-transform:uppercase;letter-spacing:.14em;color:var(--ops-muted)}body.smc-ops .section-label i{display:none}body.smc-ops .section-label:before{content:"//";font-family:var(--ops-font-mono);color:var(--ops-accent);font-size:14px;letter-spacing:.1em;margin-right:6px}body.smc-ops .section-title,body.smc-ops h1.section-title{font-family:var(--ops-font-display);font-weight:800;letter-spacing:-.035em;font-size:36px}body.smc-ops .section-sub{font-size:18px;color:var(--ops-muted)}body.smc-ops .welcome h1{font-family:var(--ops-font-display);font-size:39px}body.smc-ops .card{background:transparent;border:none;box-shadow:none;border-radius:0;overflow:visible}body.smc-ops .card-header{background:transparent;border-bottom:none;padding:0 0 16px;gap:14px}body.smc-ops .card-body{padding:0!important}body.smc-ops .card-header h3,body.smc-ops .modal-header h3{font-family:var(--ops-font-mono);font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ops-ink)}body.smc-ops .card-header h3 i,body.smc-ops .modal-header h3 i{color:var(--ops-accent)}body.smc-ops .btn{border-radius:8px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}body.smc-ops .btn-primary{background:var(--ops-accent);color:#06281a}body.smc-ops .btn-primary:hover{background:#00b85e;color:#06281a;box-shadow:0 4px 16px #00c96b40}body.smc-ops .btn-navy{background:var(--navbar-bg,#0e0837);color:#fff}body.smc-ops .btn-navy:hover{background:var(--navbar-bg-hover,#1a1145);color:#fff}body.smc-ops .btn-ghost{background:transparent;color:var(--ops-muted);border:1px solid var(--ops-border)}body.smc-ops .btn-ghost:hover{background:var(--ops-panel);color:var(--ops-ink);border-color:var(--ops-accent)}body.smc-ops .btn-ghost-danger{color:var(--ops-danger);border:1px solid rgba(220,38,38,.25)}body.smc-ops .btn-ghost-danger:hover{background:transparent;border-color:var(--ops-danger)}body.smc-ops .btn-danger{background:var(--ops-danger);color:#fff}body.smc-ops .btn-danger:hover{background:#b91c1c;color:#fff}body.smc-ops .btn-success{background:#059669;color:#fff}body.smc-ops .btn-success:hover{background:#047857;color:#fff}body.smc-ops .btn:disabled{opacity:.45}body.smc-ops .badge{font-family:var(--ops-font-mono);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:4px;background:transparent;padding:5px 12px}body.smc-ops .badge.ok,body.smc-ops .badge.badge-success{color:#059669;border:1px solid rgba(0,201,107,.5)}body.smc-ops .badge.down,body.smc-ops .badge.badge-danger{color:var(--ops-danger);border:1px solid rgba(220,38,38,.45)}body.smc-ops .badge.test,body.smc-ops .badge.badge-warning{color:#d97706;border:1px solid rgba(245,158,11,.5)}body.smc-ops .badge.no,body.smc-ops .badge.badge-neutral{color:var(--ops-muted);border:1px solid var(--ops-border)}body.smc-ops table thead th{font-family:var(--ops-font-mono);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ops-muted);background:transparent}body.smc-ops table tbody td{font-size:17px}body.smc-ops table tbody tr:hover td{background:#f1f3f7}body.smc-ops table tbody td strong{font-family:var(--ops-font-display);font-weight:700;font-size:17px;color:var(--ops-ink)}body.smc-ops .form-control,body.smc-ops .field input,body.smc-ops .field select{background:transparent;border:1px solid transparent;border-bottom:1px solid #b9c2cd;border-radius:0;padding:10px 2px;font-family:var(--ops-font-display);font-size:17px}body.smc-ops .form-control:focus,body.smc-ops .field input:focus,body.smc-ops .field select:focus{box-shadow:none;outline:none;border-color:transparent;border-bottom-color:var(--ops-accent)}body.smc-ops .form-control::placeholder{color:var(--ops-muted);opacity:.6}body.smc-ops .field label,body.smc-ops .form-group label{font-family:var(--ops-font-mono);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ops-muted);margin-bottom:6px}body.smc-ops input[type=checkbox]{accent-color:var(--ops-accent);width:18px;height:18px}body.smc-ops .dc-card{background:var(--ops-accent);border:1px solid rgba(6,40,26,.12);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;aspect-ratio:1/1}body.smc-ops .dc-card .dc-top{width:100%;justify-content:center;gap:10px}body.smc-ops .dc-card .dc-name{font-family:var(--ops-font-display);font-weight:800;font-size:18px;color:var(--ops-ink)}body.smc-ops .dc-card .dc-id{font-family:var(--ops-font-mono);font-size:14px;color:#06281ab3}body.smc-ops .dc-card .dc-ssh{font-size:16px;color:var(--ops-ink)}body.smc-ops .dc-card .dc-ext{justify-content:center}body.smc-ops .dc-card .dc-actions{justify-content:center;margin-top:6px}body.smc-ops .dc-card .dc-actions .btn{background:#ffffff40;border:1px solid rgba(6,40,26,.45);color:var(--ops-ink);padding:7px 13px;font-size:15px;border-radius:8px}body.smc-ops .dc-card .dc-actions .btn:hover{background:#ffffff73}body.smc-ops .dc-card .badge{background:#ffffff40;border-color:#06281a66;color:var(--ops-ink)}body.smc-ops .dc-add-hover:hover{border-color:var(--ops-accent)}body.smc-ops .dc-add{background:var(--ops-accent);border:1.5px dashed rgba(6,40,26,.4);border-radius:14px;color:var(--ops-ink)}body.smc-ops .dc-add:hover{border-color:var(--ops-ink);background:#00b85e}body.smc-ops .dc-add .dc-add-plus{background:#ffffff4d;color:var(--ops-ink);box-shadow:none}body.smc-ops .dc-add span{font-size:16px;font-weight:700;color:var(--ops-ink)}body.smc-ops .dc-empty{font-size:17px}body.smc-ops .empty,body.smc-ops .empty-state p{color:var(--ops-muted)}body.smc-ops .form-note{font-family:var(--ops-font-display);font-size:16px}body.smc-ops .sidebar-foot .u-name,body.smc-ops .msg .who{font-size:16px}body.smc-ops .msg .bubble{font-size:18px}body.smc-ops .msg .tool-chip{font-size:14px}body.smc-ops .composer-inner textarea{font-size:17px}body.smc-ops .composer-hint{font-size:14px}body.smc-ops ::-webkit-scrollbar{width:8px;height:8px}body.smc-ops ::-webkit-scrollbar-track{background:transparent}body.smc-ops ::-webkit-scrollbar-thumb{background:#d3d9e0;border-radius:8px}body.smc-ops ::-webkit-scrollbar-thumb:hover{background:#b8c0c9}.navbar-bell-wrap{position:relative;display:flex;align-items:center}.navbar-bell{background:transparent;border:none;color:var(--navbar-fg,#fff);font-size:18px;cursor:pointer;padding:8px 10px;border-radius:8px;position:relative;line-height:1;display:flex;align-items:center}.navbar-bell:hover,.navbar-bell.is-open{background:#ffffff26}.bell-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.bell-dot{position:absolute;top:2px;right:4px;background:#22c55e;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px #22c55e59}.smc-toast{position:fixed;right:18px;bottom:18px;z-index:3000;max-width:min(380px,calc(100vw - 36px));display:flex;align-items:flex-start;gap:10px;background:#0f172a;color:#f1f5f9;border-radius:12px;padding:12px 12px 12px 14px;box-shadow:0 16px 40px #00000059;border-left:4px solid #22c55e;animation:smc-toast-in .25s ease}.smc-toast.is-err{border-left-color:#ef4444}.smc-toast .fa-circle-check{color:#22c55e;font-size:18px;margin-top:1px}.smc-toast .fa-circle-xmark{color:#ef4444;font-size:18px;margin-top:1px}.smc-toast-body{flex:1;min-width:0}.smc-toast-title{font-size:13px;font-weight:700}.smc-toast-det{font-size:12px;color:#cbd5e1;margin-top:2px;line-height:1.45}.smc-toast-x{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:13px;padding:2px}.smc-toast-x:hover{color:#fff}@keyframes smc-toast-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.install-queue-panel{position:absolute;right:0;top:calc(100% + 8px);width:420px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 32px #0000002e;z-index:1200;overflow:hidden;color:#111827;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.iq-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #eef0f3;font-weight:700;font-size:13px}.iq-clear{background:none;border:none;color:#2563eb;font-size:12px;cursor:pointer;font-weight:600}.iq-clear:hover{text-decoration:underline}.iq-empty{padding:28px 16px;text-align:center;color:#9ca3af;font-size:13px}.iq-empty i{margin-right:6px}.iq-list{max-height:420px;overflow-y:auto}.iq-task{padding:10px 14px;border-bottom:1px solid #f1f3f5}.iq-task:last-child{border-bottom:none}.iq-task-top{display:flex;align-items:flex-start;gap:10px}.iq-task-info{flex:1;min-width:0}.iq-name{font-weight:700;font-size:13px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iq-id{color:#9ca3af;font-weight:500;font-size:11px}.iq-sub{color:#6b7280;font-size:12px;margin-top:1px}.iq-x{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px}.iq-x:hover{background:#f3f4f6;color:#374151}.iq-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:12px;border-radius:6px;padding:6px 8px;margin-top:8px;word-break:break-word}.iq-verified{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;font-size:12px;border-radius:6px;padding:6px 8px;margin-top:8px}.iq-log-toggle{background:none;border:none;color:#2563eb;font-size:12px;cursor:pointer;margin-top:8px;padding:0;display:block;font-weight:600}.iq-log-toggle .fa-solid{margin-right:5px}.iq-log{margin-top:8px;background:#f9fafb;border:1px solid #eef0f3;border-radius:6px;padding:8px;max-height:180px;overflow-y:auto}.iq-log-line{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.45;padding:1px 0}.iq-log-step{font-weight:600;color:#374151;white-space:nowrap;min-width:96px}.iq-log-det{color:#6b7280;word-break:break-word}.iq-actions{display:flex;gap:6px;margin-top:8px}