:root{--bg: #f3f6fa;--surface: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #172033;--muted: #64748b;--primary: #2563eb;--primary-dark: #1d4ed8;--primary-soft: #eff6ff;--danger: #b91c1c;--success: #047857;--radius: 14px;--shadow: 0 12px 40px rgb(25 52 79 / 10%)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.card{padding:28px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}h1{margin:0 0 20px;font-size:24px}h2{margin:0 0 16px;font-size:18px}h3{margin:0 0 8px;font-size:16px}label{display:grid;gap:6px;color:var(--muted);font-size:14px}input,select,textarea{width:100%;padding:10px 12px;color:var(--text);border:1px solid var(--border-strong);border-radius:8px;background:var(--surface)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);border-color:var(--primary)}button{padding:10px 18px;color:#fff;border:0;border-radius:8px;background:var(--primary);cursor:pointer;transition:background .15s ease,opacity .15s ease}button:hover:not(:disabled){background:var(--primary-dark)}button:disabled{cursor:wait;opacity:.6}.secondary-button{color:var(--text);background:#e2e8f0}.secondary-button:hover:not(:disabled){background:#cbd5e1}.ghost-button{color:var(--muted);background:transparent;padding:8px 12px}.ghost-button:hover:not(:disabled){color:var(--text);background:#eef2f7}.error-text{margin:4px 0 0;color:var(--danger)}.notice-text{margin:4px 0 0;color:var(--success)}.loading{text-align:center;color:var(--muted)}.login-container{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px}.login-form{width:min(100%,420px);display:grid;gap:16px}.language-switch{display:flex;overflow:hidden;border:1px solid var(--border-strong);border-radius:8px}.language-switch button{padding:6px 10px;color:var(--muted);border-radius:0;background:var(--surface)}.language-switch button.active{color:#fff;background:var(--primary)}.language-switch-fixed{position:fixed;top:16px;right:16px}.portal-shell{min-height:100vh}.portal-header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.portal-brand{font-size:18px;font-weight:600}.portal-header-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.company-switch{display:flex;align-items:center;gap:8px}.company-switch-label{font-size:13px;color:var(--muted)}.company-switch select{padding:8px 12px;border-radius:999px;min-width:180px}.portal-main{max-width:1100px;margin:0 auto;padding:28px}.portal-main--wide{max-width:none}.dashboard{display:grid;gap:24px}.info-card{display:grid;gap:12px}.info-company-name{font-size:20px;font-weight:600}.rating-card{display:grid;gap:6px;padding:20px;border-radius:12px;color:#1e3a8a;background:var(--primary-soft)}.rating-card strong{font-size:28px;color:var(--text)}.tasks-section h2{margin-bottom:12px}.tasks-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.task-card{display:flex;gap:16px;padding:20px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);align-items:flex-start;border:1px solid transparent}.task-card--clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.task-card--clickable:hover,.task-card--clickable:focus-visible{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 18px 46px #2563eb2e;outline:none}.task-card--clickable:hover .task-arrow,.task-card--clickable:focus-visible .task-arrow{transform:translate(3px);color:var(--primary)}.task-card-skeleton{height:150px;opacity:.5;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.task-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;font-size:22px;line-height:1;border-radius:12px;background:var(--primary-soft)}.task-body{flex:1;min-width:0}.task-meta-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.task-tag{padding:3px 10px;font-size:12px;font-weight:500;color:#1e3a8a;background:var(--primary-soft);border-radius:999px}.task-date{color:var(--muted);font-size:13px;margin-top:8px}.task-arrow{align-self:center;font-size:22px;color:var(--muted);transition:transform .15s ease,color .15s ease}.empty-state{padding:40px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius)}.task-page{display:grid;gap:12px}.task-toolbar{display:flex}.back-button{justify-self:start}.task-card-page{padding:20px 24px}.task-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.task-header-main h1{margin:0 0 8px;font-size:20px}.task-context-line{display:flex;flex-wrap:wrap;gap:16px;color:var(--text);font-size:14px}.ctx-label{color:var(--muted)}.task-summary{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.summary-item,.summary-field{display:grid;gap:6px;padding:10px 18px;border-radius:12px;background:var(--primary-soft);min-width:120px}.summary-item{text-align:right}.summary-field{align-content:start}.summary-field--wide{flex:1 1 200px;min-width:180px;max-width:320px}.summary-label{font-size:12px;color:#1e3a8a}.summary-value{font-size:22px;font-weight:700;color:var(--text)}.summary-input{width:100%;min-width:0;padding:6px 10px;font-size:14px;font-weight:600;text-align:right;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface)}.summary-field--wide .summary-input{text-align:left}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:12px}.filter-bar select{width:auto;min-width:150px;padding:8px 10px}.filter-search{flex:1 1 260px;min-width:200px;padding:8px 12px}.filter-checkbox{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:14px}.filter-checkbox input{width:auto}.filter-count{color:var(--muted);font-size:13px;margin-left:auto}.filter-reset{padding:6px 10px}.table-wrapper{overflow:auto;max-height:calc(100vh - 360px);border:1px solid var(--border);border-radius:10px}.positions-table{width:100%;border-collapse:collapse;font-size:13px}.positions-table th,.positions-table td{padding:5px 10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.positions-table thead th{position:sticky;top:0;z-index:1;color:var(--muted);font-size:12px;font-weight:600;background:#f8fafc}.positions-table tbody tr:hover{background:#f8fafc}.positions-table tbody tr.row-changed{background:#fffbe6}.positions-table tbody tr.row-changed:hover{background:#fff3bf}.article-cell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.num-col{text-align:right;width:130px;color:var(--muted)}.positions-table tbody .num-col{color:var(--text)}.boxes-col{width:110px;text-align:right}.qty-input{width:80px;padding:4px 8px;text-align:right;border-radius:6px}.qty-input--filled{border-color:var(--primary);font-weight:600}.table-empty{text-align:center;color:var(--muted);padding:24px}.positions-table tfoot td{position:sticky;bottom:0;font-weight:700;background:#f8fafc;border-top:1px solid var(--border-strong);border-bottom:0}.total-label{text-align:right;color:var(--muted)}.total-value{text-align:right}.task-actions-bar{position:sticky;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:14px 24px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}@media(max-width:640px){.portal-main{padding:16px}.task-header{flex-direction:column}.task-summary{width:100%}.summary-item,.summary-field{flex:1 1 calc(50% - 6px)}.summary-field--wide{flex:1 1 100%;max-width:none}.filter-count{margin-left:0}.table-wrapper{max-height:none}.task-actions-bar{flex-direction:column-reverse}.task-actions-bar button{width:100%}}