:root{color:#17202a;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#eef2f6}button,input,textarea,select{font:inherit}button{border:1px solid #b9c3cf;border-radius:6px;background:#fff;color:#17202a;cursor:pointer;min-height:34px;padding:7px 12px}button:hover:not(:disabled){background:#f3f6f9}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{border:1px solid #b9c3cf;border-radius:6px;color:#17202a;background:#fff}textarea{resize:vertical}.app-shell{min-height:100vh}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:0 24px;border-bottom:1px solid #d5dce5;background:#fff;position:sticky;top:0;z-index:10}.top-nav__left,.top-nav__right,.top-nav__links{display:flex;align-items:center;gap:10px}.top-nav__brand{font-weight:700;color:#17202a;white-space:nowrap}.top-nav a{color:#334155;text-decoration:none;padding:6px 8px;border-radius:6px}.top-nav a:hover,.top-nav a.active{background:#edf4f8;color:#0f5c75}.page{width:min(1180px,calc(100vw - 32px));margin:18px auto}.page--narrow{width:min(860px,calc(100vw - 32px))}.panel{background:#fff;border:1px solid #d5dce5;border-radius:8px;padding:16px}.section{margin-top:16px}.section-title{margin:0 0 10px;font-size:1.15em}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.page-header h1{margin:0;font-size:1.55em}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.button-primary{background:#0f6b7f;border-color:#0f6b7f;color:#fff}.button-primary:hover:not(:disabled){background:#0b5a6c}.button-danger{background:#8b1e3f;border-color:#8b1e3f;color:#fff}.button-danger:hover:not(:disabled){background:#741832}.status-message{border-radius:6px;padding:8px 10px;margin:10px 0;background:#eef8f1;border:1px solid #b7dec3;color:#245b33}.status-message--error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.status-message--warn{background:#fff8e6;border-color:#f6d98f;color:#7a4d00}.data-list{display:grid;gap:8px}.task-row{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(120px,.8fr) minmax(80px,.5fr) minmax(90px,.6fr);gap:12px;align-items:center;width:100%;text-align:left;border:1px solid #d5dce5;border-radius:8px;padding:10px 12px;background:#fff}.task-row:hover{border-color:#9ab7c3;background:#f7fbfc}.admin-task-row{grid-template-columns:minmax(180px,1.4fr) minmax(120px,.8fr) minmax(80px,.45fr) minmax(100px,.55fr) minmax(150px,.8fr)}.admin-task-row:disabled{opacity:.72}.annotator-row{display:grid;grid-template-columns:minmax(150px,1.2fr) repeat(6,minmax(88px,.7fr));gap:10px;align-items:center;width:100%;text-align:left;border:1px solid #d5dce5;border-radius:8px;padding:10px 12px;background:#fff}.annotator-row:hover{border-color:#9ab7c3;background:#f7fbfc}.annotator-row strong{display:block}.user-row{display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(110px,.75fr) minmax(80px,.5fr) minmax(70px,.45fr) minmax(150px,.9fr) minmax(150px,.9fr) minmax(170px,1fr);gap:10px;align-items:center;width:100%;border:1px solid #d5dce5;border-radius:8px;padding:10px 12px;background:#fff}.export-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center;border:1px solid #d5dce5;border-radius:8px;padding:12px;background:#fff}.tag-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-button{min-height:32px}.tag-button--active{background:#0f6b7f;border-color:#0f6b7f;color:#fff}.tag-button--active:hover:not(:disabled){background:#0b5a6c}.muted{color:#64748b}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.metric{border:1px solid #d5dce5;border-radius:8px;padding:10px;background:#f8fafc}.metric strong{display:block;font-size:1.35em}.metric--warn{border-color:#f6d98f;background:#fff8e6}.notification-banner{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.notification-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#7a4d00;color:#fff}.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;margin-bottom:16px}.stat-pill{display:grid;gap:2px;min-height:58px;padding:8px 10px;border:1px solid #d5dce5;border-radius:8px;background:#f8fafc;text-align:left}.stat-pill span{color:#64748b;font-size:.92em}.stat-pill strong{font-size:1.25em;line-height:1}.stat-pill--button{cursor:pointer}.stat-pill--button:hover{border-color:#9ab7c3;background:#f7fbfc}.stat-pill--warn{border-color:#f6d98f;background:#fff8e6;color:#7a4d00}.stat-pill--warn span{color:#7a4d00}@media (max-width: 760px){.top-nav{align-items:flex-start;flex-direction:column;padding:10px 16px}.top-nav__left,.top-nav__right{width:100%;justify-content:space-between}.top-nav__links{flex-wrap:wrap}.task-row,.admin-task-row,.annotator-row,.user-row,.export-row{grid-template-columns:1fr}}
