:root{--primary:#024a59;--secondary:#d99178;--bg:#f4f8fa;--text:#0b1a1f;--muted:#667085;--line:#dce7ea;--danger:#b42318;--success:#0f7b46}*{box-sizing:border-box}body{margin:0;font-family:Inter,Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{border:0;background:var(--primary);color:#fff;padding:12px 15px;border-radius:13px;font-weight:800;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:white;color:var(--primary);border:1px solid var(--line)}.ghost{background:transparent;color:var(--primary);border:1px solid rgba(2,74,89,.18)}.card{background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 50px #024a5914}.muted{color:var(--muted);line-height:1.45}.loginPage{min-height:100vh;display:grid;place-items:center;padding:22px}.loginCard{width:min(480px,100%);padding:28px;display:grid;gap:12px}.brandBadge{width:58px;height:58px;border-radius:18px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900}.loginCard h1,h2,h3{color:var(--primary)}label.field,.loginCard label{display:grid;gap:6px;font-weight:750;font-size:14px}input,select,textarea{border:1px solid var(--line);border-radius:13px;padding:12px 13px;width:100%;outline-color:var(--secondary);background:#fff}.errorBox{background:#fee4e2;color:var(--danger);border:1px solid #fecdca;border-radius:14px;padding:12px 14px}.appShell{min-height:100vh;padding:18px}.topbar{background:white;border:1px solid var(--line);border-radius:22px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.topbar strong{display:block;color:var(--primary)}.topbar span{display:block;color:var(--muted);font-size:13px}.topbar nav{display:flex;gap:8px;flex-wrap:wrap}.dashboardGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{padding:20px}.metric span{color:var(--muted);font-size:14px}.metric strong{display:block;font-size:36px;color:var(--primary);margin-top:8px}.pointList{grid-column:1/-1;padding:20px}.pointRow{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0}.queueCard,.usersCard{padding:20px}.sectionHeader{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.headerActions{display:flex;gap:10px;flex-wrap:wrap}.tableWrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px;vertical-align:top}th{font-size:13px;color:var(--muted);font-weight:800}.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.status.queued{background:#fff4e5;color:#b54708}.status.in_progress{background:#e0f2fe;color:#026aa2}.status.completed{background:#dcfae6;color:#067647}.status.draft{background:#f2f4f7;color:#475467}.empty{text-align:center;color:var(--muted);padding:24px}.workbench{display:grid;gap:12px}.workbenchTop{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:18px;padding:12px}.workbenchTop strong{display:block;color:var(--primary)}.workbenchTop span{display:block;color:var(--muted);font-size:13px}.splitScreen{display:grid;grid-template-columns:minmax(380px,1fr) minmax(360px,.95fr);gap:14px;align-items:start}.formPanel,.docPanel{background:white;border:1px solid var(--line);border-radius:24px;min-height:calc(100vh - 150px);overflow:hidden}.panelHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:16px;border-bottom:1px solid var(--line);background:white}.panelHeader h2{margin:0}.stickyHeader{position:sticky;top:0;z-index:4}.formSections{padding:16px;display:grid;gap:20px}.formSections section{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fbfdfe}.formSections h3{margin-top:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkbox{display:flex;gap:10px;align-items:center;font-weight:750;border:1px solid var(--line);border-radius:13px;padding:12px;background:white}.checkbox input{width:auto}.stickyFooter{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;background:white;border-top:1px solid var(--line);padding:14px;margin:0 -16px -16px}.originalFrame{width:100%;height:calc(100vh - 230px);border:0}.pager{display:flex;gap:8px}.documentBody{padding:16px;display:grid;gap:12px}.docNotice{padding:10px 12px;border-radius:14px;font-weight:800}.docNotice.present{background:#dcfae6;color:var(--success)}.docNotice.missing{background:#fee4e2;color:var(--danger)}.documentBody img{max-width:100%;border-radius:18px;border:1px solid var(--line);background:#f8fafc}.documentBody iframe{width:100%;height:calc(100vh - 290px);border:1px solid var(--line);border-radius:18px}.missingIllustration,.emptyDoc{height:380px;display:grid;place-items:center;text-align:center;color:var(--muted);background:#f8fafc;border:1px dashed var(--line);border-radius:18px}.downloadLink{display:inline-flex;padding:12px 14px;border-radius:12px;background:var(--primary);color:#fff;text-decoration:none;font-weight:800}.userForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.pageError{margin-bottom:12px}@media (max-width:1100px){.splitScreen{grid-template-columns:1fr}.docPanel,.formPanel{min-height:auto}.dashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.userForm{grid-template-columns:1fr 1fr}}@media (max-width:700px){.topbar,.sectionHeader,.workbenchTop{flex-direction:column;align-items:stretch}.dashboardGrid,.grid2,.userForm{grid-template-columns:1fr}.stickyFooter,.pager,.headerActions{flex-direction:column}.stickyFooter button,.pager button,.headerActions button{width:100%}}.mode{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.mode.new{background:#e0f2fe;color:#026aa2}.mode.update{background:#fef3c7;color:#92400e}@media (max-width:700px){.tableWrap table{min-width:900px}}.filterTabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.selectedRow{background:#f0f9ff}.selectedRow td{border-bottom-color:#bae6fd}.hint{margin-top:-6px;color:var(--muted);font-size:13px;line-height:1.45}
