:root{--ink:#203248;--muted:#718096;--line:#e3eaf1;--wash:#f3f6fa;--brand:#24756f;--brand-dark:#195e59;--nav:#17324d;--primary:#2476d8;--shadow:0 12px 34px rgba(23,39,58,.08)}
*{box-sizing:border-box}body.user-body{margin:0;background:var(--wash);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}a{color:inherit}.user-app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.user-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 18px;background:var(--nav);color:#fff}.user-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800}.user-brand small{display:block;margin-top:2px;color:#a6bbce;font-size:11px;font-weight:400}.user-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#348f86;font-size:20px}.user-nav-label{margin:40px 12px 12px;color:#91a9bf;font-size:11px;letter-spacing:2px}.user-desktop-nav{display:grid;gap:7px}.user-desktop-nav a{display:flex;align-items:center;gap:13px;min-height:48px;padding:10px 14px;border-radius:9px;color:#bfcede;text-decoration:none}.user-desktop-nav a:hover{background:#254761;color:#fff}.user-desktop-nav a[aria-current]{background:#fff;color:var(--nav);font-weight:750}.user-sidebar svg,.user-bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.user-account{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:22px;border-top:1px solid #37516a}.user-account>div{min-width:0}.user-account strong,.user-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-account small{color:#a6bbce;font-size:11px}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f2c277;color:var(--nav);font-weight:800}.user-logout{margin-top:15px}.user-logout button{border:0;background:transparent;color:#b9cbd9;font-size:12px;cursor:pointer}.user-main{min-width:0}.user-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:102px;padding:22px 36px;border-bottom:1px solid var(--line);background:#fff}.user-eyebrow{color:var(--muted);font-size:11px;letter-spacing:1px}.user-topbar h1{margin:3px 0 0;font-size:25px}.user-top-actions{display:flex;align-items:center;gap:10px}.user-top-user{color:var(--muted);font-size:13px}.user-icon-link{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f2c277;color:var(--nav);font-weight:800;text-decoration:none}.user-content{width:min(1420px,100%);margin:auto;padding:30px 36px 55px}.user-bottom-nav{display:none}
.user-card,.user-panel{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(23,39,58,.02)}.user-card{padding:20px}.user-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none;cursor:pointer}.user-button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.user-button.secondary{background:#edf6f5;color:var(--brand-dark);border-color:#d3e9e6}.user-muted{color:var(--muted)}.user-section{margin-top:24px}.user-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.user-section-head h2{margin:0;font-size:19px}.user-section-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.user-empty{padding:65px 20px;border:1px dashed #ccd7e0;border-radius:10px;background:#fff;color:var(--muted);text-align:center}.user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.user-form input,.user-form textarea,.user-form select{width:100%;padding:11px 12px;border:1px solid #d7e0e9;border-radius:8px;background:#fff}.user-form label{display:block;margin-top:15px;color:#56677a;font-size:13px;font-weight:650}
.user-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px;background:linear-gradient(135deg,#fafdff,#eef6ff)}.user-hero h2{margin:0;font-size:clamp(24px,4vw,38px);line-height:1.22}.user-hero p:not(.user-eyebrow){max-width:650px;margin:12px 0 0;color:var(--muted);line-height:1.7}.user-search{display:flex;align-items:center;gap:8px;min-width:min(100%,300px);padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fff}.user-search input{width:100%;border:0;outline:0}.user-filters{display:flex;gap:8px;overflow:auto;margin:18px 0;padding:4px 0}.user-filter{flex:0 0 auto;padding:9px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);cursor:pointer}.user-filter.active{border-color:var(--brand);background:#edf6f5;color:var(--brand-dark);font-weight:750}.user-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.user-task-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.user-task-cover{height:112px;background:linear-gradient(135deg,#1d4c62,#b67a50)}.user-task-head{display:flex;justify-content:space-between;gap:12px;padding:18px 18px 0}.user-task-head h3{margin:0;font-size:16px;line-height:1.45}.user-task-head small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.user-reward{color:#a45d13;white-space:nowrap}.user-task-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.user-task-metrics small,.user-task-metrics b{display:block}.user-task-metrics small{color:var(--muted);font-size:11px}.user-task-metrics b{margin-top:4px;font-size:15px}.user-task-card>p{min-height:44px;margin:0;padding:0 18px;color:#59626c;font-size:12px;line-height:1.65}.user-task-card>.user-button{margin:18px}.user-task-card>.user-button.primary{background:var(--primary);border-color:var(--primary)}
@media(max-width:1100px){.user-grid,.user-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.user-claim-list{display:grid;gap:14px}.user-claim-card h3{margin:0;font-size:16px}.user-claim-card p{margin:5px 0 0;color:var(--muted);font-size:12px}.user-claim-head{display:flex;justify-content:space-between;gap:14px}.user-status{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:99px;background:#fff2dc;color:#a45d13;font-size:11px;font-weight:750;white-space:nowrap}.user-claim-meta{display:flex;gap:20px;margin-top:15px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.user-claim-meta b{color:#a45d13}.user-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.user-actions .user-button{min-height:38px;padding:7px 12px;font-size:12px}.sidebar-tip{margin-top:auto;margin-bottom:20px;padding:13px;border:1px solid #37516a;border-radius:9px;background:#1d3b57}.sidebar-tip strong{display:block;font-size:12px}.sidebar-tip p{margin:5px 0 0;color:#a6bbce;font-size:11px;line-height:1.5}.account-switch{padding-top:13px;border-top:1px solid #37516a;color:#b9cbd9;text-decoration:none;font-size:12px}.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-popover{position:absolute;right:0;top:48px;z-index:30;display:grid;gap:8px;min-width:180px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:var(--shadow)}.account-popover strong,.account-popover small{display:block}.account-popover small{color:var(--muted);font-size:11px}.account-popover a{padding-top:7px;border-top:1px solid var(--line);color:var(--brand-dark);text-decoration:none;font-size:12px}.skip-link,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link:focus{width:auto;height:auto;clip:auto;z-index:100;top:8px;left:8px;padding:8px;background:#fff}.hint{min-height:20px;margin:10px 0;color:var(--muted);font-size:12px}.hint.error{color:#b91c1c}.hint.ok{color:#166534}.user-form{max-width:620px}.user-form button{margin-top:18px}@media(max-width:780px){.user-app{display:block}.user-sidebar{display:none}.user-topbar{min-height:78px;padding:15px 16px}.user-topbar h1{font-size:21px}.user-top-user{display:none}.user-content{padding:18px 15px 96px}.user-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.98);box-shadow:0 -5px 18px rgba(23,39,58,.08)}.user-bottom-nav.with-admin{grid-template-columns:repeat(5,minmax(0,1fr))}.user-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;color:var(--muted);font-size:11px;text-decoration:none}.user-bottom-nav a[aria-current]{color:var(--brand-dark);font-weight:800}.user-bottom-nav svg{width:22px;height:22px}.user-grid,.user-task-grid{grid-template-columns:1fr}.user-card{padding:17px}.user-section-head{align-items:flex-start;flex-direction:column}.user-section-head .user-button{width:100%}.user-actions{flex-direction:column}.user-actions .user-button{width:100%}.user-claim-head{align-items:flex-start}.user-claim-meta{flex-direction:column;gap:5px}.user-hero{display:block;padding:20px}.user-hero h2{font-size:27px}.user-search{margin-top:18px;min-width:0}}@media(max-width:380px){.user-bottom-nav a{font-size:10px}.user-bottom-nav svg{width:20px;height:20px}}
@media(max-width:780px){.user-bottom-nav.with-admin{grid-template-columns:repeat(6,minmax(72px,1fr)) !important;overflow-x:auto}.user-bottom-nav.with-admin a{min-width:72px}}
/* TaskBridge vertical logo mark */
.user-mark{display:grid;width:38px !important;height:38px !important;min-width:38px;min-height:38px;padding:4px;background:#fff;overflow:hidden;flex:0 0 38px}
.user-mark img{display:block;width:100% !important;height:100% !important;max-width:none;object-fit:contain}

/* Persistent application header */
html{scroll-padding-top:112px}
.user-topbar{position:sticky;top:0;z-index:40;min-height:86px;padding:14px 36px;box-shadow:0 3px 12px rgba(23,39,58,.045)}
.user-topbar .workspace-heading,.user-topbar .workspace-title{min-width:0}
.user-topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}
.user-top-actions{flex:0 0 auto}
.account-popover{z-index:70}
@media(max-width:780px){
    html{scroll-padding-top:82px}
    .user-topbar{min-height:calc(64px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 14px 8px;gap:10px}
    .user-topbar .workspace-heading{gap:9px;min-width:0;flex:1}
    .user-topbar .workspace-title{min-width:0;flex:1}
    .user-topbar h1{font-size:18px;max-width:100%}
    .user-top-actions{gap:7px}
    .account-menu summary{gap:4px;min-width:38px;min-height:40px;justify-content:center}
    .account-menu summary>span[aria-hidden="true"]{display:none}
    .account-popover{top:46px;max-width:calc(100vw - 24px)}
}