:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172033;background:#f5f7fb;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 4px rgba(15,23,42,.06);--shadow-md:0 4px 16px rgba(15,23,42,.08);--shadow-lg:0 12px 32px rgba(15,23,42,.1);--border:#e1e7f0;--accent:#1e293b;--accent-light:#eef2f7;--text-muted:#64748b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d7deea;background:#fff;color:#1f2937;border-radius:var(--radius-md);padding:7px 12px;display:inline-flex;align-items:center;gap:6px}button.primary{background:#172033;color:#fff;border-color:#172033}button:disabled{opacity:.45;cursor:default}.app{width:100%;min-height:100vh;padding:18px}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.muted{color:var(--text-muted)}.table-wrap{width:100%;max-height:74vh;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:12px}table{border-collapse:separate;border-spacing:0;min-width:2300px;width:100%;font-size:13px}th,td{padding:8px 10px;border-bottom:1px solid #edf2f7;border-right:1px solid #edf2f7;text-align:left;vertical-align:top;background:#fff}th{position:sticky;top:0;background:#f8fafc;z-index:4;font-weight:700}td.sticky,th:first-child{position:sticky;left:0;z-index:3;background:#fff}th:first-child{z-index:5;background:#f8fafc}.num{text-align:right;white-space:nowrap}.status{display:inline-block;border-radius:999px;padding:3px 8px;font-weight:700;font-size:11px;white-space:nowrap}.status.ok{background:#ecfdf5;color:#065f46}.status.need{background:#fffbeb;color:#92400e}.status.late{background:#fef2f2;color:#991b1b}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:12px}.upload-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;background:#fbfcff}.upload-panel{padding:12px 16px;overflow:hidden}.upload-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:nowrap}.toolbar-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:240px;flex:0 0 auto}.toolbar-buttons{display:flex;gap:8px;justify-content:flex-end}.soft-button{height:40px;padding:0 16px;border-radius:var(--radius-md);border:1px solid #d7deea;background:#fff;color:#1f2937;font-weight:600;white-space:nowrap}.soft-button.strong{background:#172033;color:#fff;border-color:#172033}.dataset-select{min-width:240px;height:40px;border-radius:var(--radius-md)}.upload-grid.compact-row{display:flex;flex-wrap:nowrap;gap:10px;flex:1;min-width:0;margin-top:0;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.upload-grid.compact-row::-webkit-scrollbar{height:6px}.upload-grid.compact-row::-webkit-scrollbar-thumb{background:#d7deea;border-radius:999px}.upload-card.compact-square{flex:0 0 155px;width:155px;height:120px;min-height:120px;padding:10px;border-radius:var(--radius-lg);display:grid;grid-template-rows:24px 1fr auto;background:#fbfcff}.upload-card .upload-title{font-size:11px;font-weight:700;color:#1e293b}.badge{min-width:24px;height:22px;border-radius:999px;background:#e8eefb;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px}.upload-actions{display:flex;align-items:center;gap:6px;margin-top:auto}.upload-button.compact{margin-top:0;height:34px;padding:0 10px;border-style:solid;border-color:#d7deea;border-radius:10px;font-weight:600;flex:1;font-size:11px}.clear-mini{width:34px;height:34px;padding:0;border-radius:10px;font-size:18px;justify-content:center}.upload-hint,.file-list{display:none}.error{color:#b42318;font-size:12px;margin-top:6px}.error.big{background:#fff1f0;border:1px solid #ffd6d3;padding:10px;border-radius:var(--radius-md);margin-bottom:12px}.progress-wrap{margin-top:12px}.progress-line{height:6px;background:#edf2f7;border-radius:999px;overflow:hidden;margin-bottom:4px}.progress-line div{height:100%;background:#172033;transition:width .2s ease}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px}.kpi div{color:var(--text-muted);font-size:12px}.kpi strong{display:block;margin-top:3px;font-size:22px}.warning-panel{padding:8px 12px}.collapse{border:0;padding:4px 0;background:transparent;font-weight:700}.warnings{margin-top:6px;max-height:200px;overflow:auto;color:#7a4b00;font-size:12px;line-height:1.4}.month{min-width:80px;text-align:right}.month strong,.month small{display:block}.month small{color:var(--text-muted);font-size:11px}.hub-page{min-height:100vh;padding:24px 28px;background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 30%),radial-gradient(circle at 78% 8%,rgba(124,58,237,.07),transparent 26%),#f5f7fb}.hub-card-icon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#fffc;color:#172033}.hub-back{height:36px;padding:0 14px;border-radius:10px;border:1px solid #d7deea;background:#fff;font-weight:600;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.app-shell{display:flex;min-height:100vh;background:#f5f7fb}.app-main{flex:1;min-width:0;overflow-x:auto}.app-main>div{width:100%!important;max-width:100%!important}.app-sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;width:230px;flex:0 0 230px;box-sizing:border-box;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;padding:10px 8px}.app-sidebar.mini{width:60px;flex-basis:60px;padding:10px 6px}.asb-head{display:flex;align-items:center;gap:6px;padding:2px 6px 8px}.asb-brand{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#334155;white-space:nowrap;overflow:hidden}.asb-toggle{margin-left:auto;width:30px;height:30px;padding:0;justify-content:center;border:1px solid var(--border);border-radius:8px;background:#fff;color:#6b7280}.app-sidebar.mini .asb-head{justify-content:center}.app-sidebar.mini .asb-toggle{margin:0}.asb-nav{display:flex;flex-direction:column;gap:2px;flex:1}.asb-group{display:flex;flex-direction:column;gap:2px;margin-top:4px}.asb-glabel{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#9ca3af;padding:8px 8px 3px}.asb-row{width:100%;border:none;background:none;border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;line-height:1.2;text-align:left}.asb-row:hover{background:#f4f4f6}.asb-row.active{background:#eef2f7;color:#1e293b}.asb-ico{flex:0 0 18px}.asb-lbl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asb-chev{color:#9ca3af;flex:0 0 auto}.app-sidebar.mini .asb-row{justify-content:center;padding:8px 0}.asb-children{display:flex;flex-direction:column;gap:2px;margin:1px 0 3px}.asb-sub{width:100%;border:none;background:none;border-radius:10px;padding:6px 10px 6px 34px;display:flex;align-items:center;gap:9px;font-size:13px;color:#6b7280;cursor:pointer;text-align:left}.asb-sub:hover{background:#f4f4f6}.asb-sub.active{background:#eef2f7;color:#1e293b;font-weight:500}.asb-bottom{border-top:1px solid var(--border);padding-top:6px;margin-top:6px;display:flex;flex-direction:column;gap:2px}.asb-cabinet{font-size:11px;color:#9ca3af;padding:2px 10px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asb-cabsw{position:relative;margin-bottom:2px}.asb-cabsw-btn{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:600;cursor:pointer;text-align:left}.asb-cabsw-btn:hover{background:#f8fafc;border-color:#cbd5e1}.asb-cabsw-btn.open{border-color:#94a3b8;background:#f1f5f9}.asb-cabsw-ico{color:#64748b;flex-shrink:0}.asb-cabsw-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asb-cabsw-chev{color:#94a3b8;flex-shrink:0;transition:transform .15s}.asb-cabsw-btn.open .asb-cabsw-chev{transform:rotate(180deg)}.app-sidebar.mini .asb-cabsw-btn{justify-content:center;padding:8px 0}.asb-cabsw-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;min-width:190px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0f172a24;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:50;max-height:60vh;overflow-y:auto}.app-sidebar.mini .asb-cabsw-menu{right:auto;min-width:210px}.asb-cabsw-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:7px;background:transparent;color:#334155;font-size:13px;font-weight:500;cursor:pointer;text-align:left;width:100%}.asb-cabsw-item:hover{background:#f1f5f9}.asb-cabsw-item.active{color:#0f172a;font-weight:700}.asb-cabsw-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asb-cabsw-check{color:#334155;flex-shrink:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(59,130,246,.1),transparent 30%),radial-gradient(circle at 78% 10%,rgba(124,58,237,.08),transparent 26%),#f5f7fb}.login-card{width:min(400px,100%);padding:28px;border-radius:22px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lg);display:grid;gap:12px}.login-icon{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#1d4ed8}.login-card h1{margin:0;font-size:28px;letter-spacing:-.04em}.login-card p{margin:0 0 4px;color:#667085;font-size:14px}.login-card label{display:grid;gap:5px;font-weight:600;font-size:13px;color:#344054}.login-button{height:42px;justify-content:center;margin-top:4px}@media(max-width:700px){.hub-page{padding:16px}}