:root{
  color-scheme:light;
  --ink:#102337;--navy:#17344b;--navy-soft:#24465d;
  --paper:#f3f5f3;--surface:#fff;--surface-muted:#f8faf8;--surface-raised:#fff;
  --lime:#cce65a;--lime-deep:#a8c32f;--accent-text:#102337;
  --muted:#526574;--subtle:#71848c;--border:#dce5e4;--border-strong:#b8c9cb;
  --danger:#a4313c;--danger-bg:#fff2f2;--success:#2f6852;--success-bg:#eaf5ed;
  --warning:#8a6630;--warning-bg:#fbf3e3;
  --shadow:0 18px 45px rgba(16,35,55,.055);--shadow-raised:0 28px 70px rgba(16,35,55,.13);
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;
  --radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:28px;
  --font-body:'DM Sans','Trebuchet MS',sans-serif;--font-display:'Fraunces',Georgia,serif;--font-mono:Consolas,'Courier New',monospace;
  --text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:24px;
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.4,0,.2,1);
  --duration-fast:140ms;--duration-ui:220ms;--duration-progress:560ms;
  --focus-ring:0 0 0 3px rgba(168,195,47,.4);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:400 16px/1.55 var(--font-body);background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;object-fit:cover}svg{flex:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h1{font:600 clamp(32px,3.3vw,48px)/1.1 var(--font-display);letter-spacing:-.035em;margin-bottom:12px}h2{font:600 24px/1.2 var(--font-display);letter-spacing:-.025em;margin-bottom:8px}h3{font-size:18px}p{line-height:1.65}.muted{color:var(--muted)}small{font-size:12px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;left:16px;top:-80px;z-index:1000;background:var(--lime);padding:12px 18px;border-radius:8px}.skip-link:focus{top:16px}:focus-visible{outline:3px solid var(--lime-deep);outline-offset:3px}::selection{background:var(--lime);color:var(--ink)}
[hidden]{display:none!important}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;color:#536978;margin-bottom:12px}.eyebrow.light{color:#b6cbd4}.tabular,.metric strong,.rank-index,.task-step{font-variant-numeric:tabular-nums}.required{color:var(--danger)}.hint{font-size:13px;color:var(--muted);margin:12px 0 0}.count-pill{background:var(--paper);border:1px solid var(--border);border-radius:40px;padding:4px 12px;font-weight:700;font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;transition:background .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease;touch-action:manipulation}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);opacity:.82}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--navy-soft)}.btn-secondary{background:#fff;border-color:var(--border);color:var(--ink)}.btn-secondary:hover{background:var(--paper);border-color:#aebfc6}.btn-light{background:#fff;color:var(--ink)}.btn-accent{background:var(--lime);color:var(--ink)}.btn-accent:hover{background:#dbf279}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#efc3c7}.btn-quiet{background:transparent;color:var(--muted)}.btn-wide{width:100%}.text-link{display:inline-flex;align-items:center;gap:6px;color:#24566f;font-size:13px;font-weight:700;background:none;border:0;min-height:40px;padding:0}.text-link:hover,.back-link:hover{text-decoration:underline}.text-danger{background:transparent;border:0;color:var(--danger);font-size:13px;font-weight:700;padding:8px}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;background:transparent;color:inherit;border:0;border-radius:10px}.icon-button:hover{background:rgba(255,255,255,.1)}
.admin-body{background:var(--paper)}.app-shell{display:flex;min-height:100dvh}.sidebar{width:248px;flex:none;background:var(--ink);color:#e5eef1;display:flex;flex-direction:column;padding:32px 16px 20px;position:sticky;top:0;height:100dvh;z-index:40}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;letter-spacing:-.055em;line-height:1;color:#fff;padding:0 14px}.brand-light{font-weight:400}.brand small{display:block;letter-spacing:.14em;color:#a8bdc6;font-size:9px;font-weight:600;margin-top:8px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:38px;height:38px;border:2px solid var(--lime);color:var(--lime);border-radius:11px;font-size:13px;font-family:var(--font-mono);font-weight:700;letter-spacing:-.12em}.brand-mark span{display:block;width:3px;height:20px;background:var(--lime);transform:rotate(28deg);border-radius:4px}.sidebar-caption{font-size:10px;letter-spacing:.16em;color:#8ca5b0;margin:56px 14px 14px;font-weight:700}.side-nav{display:grid;gap:3px}.nav-link{display:flex;gap:13px;align-items:center;min-height:46px;padding:11px 14px;color:#b4c6ce;border-radius:10px;font-size:14px;font-weight:600;transition:background .18s,color .18s}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.nav-link.is-active{background:var(--lime);color:var(--ink)}.sidebar-bottom{margin-top:auto;padding:16px 4px 0;border-top:1px solid #315064;display:flex;align-items:center;gap:10px}.account-avatar{display:grid;place-items:center;background:#355569;border-radius:11px;width:36px;height:36px;font-weight:700;color:var(--lime)}.account-name{min-width:0;flex:1}.account-name strong,.account-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-name strong{font-size:13px}.account-name small{color:#a7bdc6}.main-column{min-width:0;flex:1}.topbar{height:72px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(255,255,255,.75)}.topbar-context,.topbar-right{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:var(--lime-deep);border-radius:50%}.menu-toggle{display:none}.page-wrap{max-width:1240px;margin:auto;padding:44px 40px 80px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading p{color:var(--muted);margin:0}.page-heading .eyebrow{margin-bottom:10px}.page-heading h1{margin-bottom:10px}.back-link{display:inline-block;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:20px}.notice{background:#e8f2dc;border:1px solid #c8dfac;color:#375a27;padding:12px 18px;border-radius:10px;margin-bottom:20px;font-weight:600}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:0;box-shadow:0 3px 16px rgba(16,35,55,.025)}.metric-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf3f3;color:#31556a;margin-bottom:20px}.metric-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}.metric strong{display:block;font:600 clamp(24px,2.6vw,34px)/1.1 var(--font-display);letter-spacing:-.025em}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:22px}.panel-heading h2{margin-bottom:0}.panel-heading p{margin:5px 0 0}.content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr);gap:20px;margin-bottom:20px}.content-grid+.panel{margin-top:20px}.bar-chart{display:flex;align-items:end;gap:8px;height:215px;padding:15px 0 0;border-bottom:1px solid var(--border)}.bar-item{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bar-item>span{display:block;width:min(100%,24px);background:var(--navy);border-radius:5px 5px 0 0;min-height:4px}.bar-item:hover>span{background:var(--lime-deep)}.bar-item small{font:10px var(--font-mono);color:var(--muted);white-space:nowrap}.chart-key{font-size:12px;color:var(--muted);margin-top:16px;display:flex;align-items:center;gap:7px}.key-dot{width:9px;height:9px;background:var(--navy);border-radius:2px}.analytics-chart{height:280px}.data-details{font-size:13px;margin-top:18px}.data-details summary{cursor:pointer;font-weight:700;color:#24566f}.data-details table{margin-top:12px}.rank-list{display:grid}.rank-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--border);padding:13px 2px;min-height:66px}.rank-row:first-child{border-top:0}.rank-row:hover .rank-name strong{color:#24566f}.rank-index{font:12px var(--font-mono);color:#8195a0}.rank-name{display:block;flex:1;min-width:0}.rank-name strong,.rank-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-name strong{font-size:14px}.rank-name small{color:var(--muted);font-size:12px}.rank-row>strong{font:700 14px var(--font-mono)}.empty-state{padding:42px 20px;text-align:center;color:var(--muted);background:#f9fbfb;border:1px dashed var(--border);border-radius:12px}.empty-state p{margin-bottom:12px}
.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{padding:12px 14px;color:#687f8b;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;white-space:nowrap;border-bottom:1px solid var(--border)}td{padding:16px 14px;border-bottom:1px solid var(--border);font-size:13px;color:#344c5c;vertical-align:middle}tr:last-child td{border-bottom:0}td strong,.table-title{font-size:13px;font-weight:700;color:var(--ink)}.table-title:hover{text-decoration:underline}.table-sub{display:block;color:#78909b;margin-top:2px;font-size:11px}.link-cell{display:flex;align-items:center;gap:10px;min-width:190px}.link-cell img,.link-thumb{width:44px;height:44px;border-radius:10px;background:#ebf1f1;display:grid;place-items:center;flex:none}.status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;padding:5px 10px;border-radius:30px;white-space:nowrap}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status-active{color:#286447;background:#e9f5ec}.status-paused{color:#8a6630;background:#fbf3e3}.status-expired{color:#8d4751;background:#fbecee}.row-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.row-actions a,.row-actions button{color:#24566f;font-size:12px;font-weight:700;border:0;background:none;padding:7px 0}.row-actions a:hover,.row-actions button:hover{text-decoration:underline}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.search-field{flex:1;min-width:210px}.filter-tabs{display:flex;gap:3px;background:var(--paper);border-radius:10px;padding:4px}.filter-tab{font-size:12px;font-weight:700;color:var(--muted);padding:9px 12px;border-radius:7px;white-space:nowrap}.filter-tab.selected{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgba(16,35,55,.08)}
input:not([type=checkbox]):not([type=color]):not([type=file]),select,textarea{width:100%;border:1px solid #cddbe0;background:#fff;color:var(--ink);border-radius:9px;min-height:44px;padding:10px 12px;outline:none;transition:border-color .18s,box-shadow .18s}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:#7295a4!important;box-shadow:0 0 0 3px rgba(114,149,164,.17)}input:disabled{background:var(--paper);color:var(--muted)}input[type=file]{width:100%;padding:10px;border:1px dashed #adbec5;border-radius:9px;background:#fbfcfc}input[type=color]{display:block;width:100%;height:45px;border:1px solid var(--border);background:#fff;border-radius:9px;padding:5px}label{font-size:13px;font-weight:700}.field,.form-stack label{display:block}.field input,.field textarea,.field select,.form-stack input{display:block;margin-top:7px}.field small,.form-stack small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px}.form-stack{display:grid;gap:18px}.form-stack .btn{margin-top:6px}.input-password{position:relative}.input-password input{padding-right:85px!important}.input-password button{position:absolute;right:4px;top:4px;min-height:36px;padding:5px 10px;border:0;background:none;font-size:12px;color:#24566f;font-weight:700}.form-error{background:var(--danger-bg);color:var(--danger);padding:12px 14px;border-radius:8px;margin:20px 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field.full,.check-field{grid-column:1/-1}.check-field{display:flex;align-items:center;gap:8px;min-height:40px}.check-field input{width:17px;height:17px;accent-color:var(--navy)}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.form-main{display:grid;gap:20px}.form-section{padding:30px}.section-heading{display:flex;align-items:start;gap:15px;border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:24px}.section-heading h2{margin:0 0 5px}.section-heading p{color:var(--muted);font-size:13px;margin:0}.section-number{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--lime);font:700 12px var(--font-mono);flex:none}.sticky-panel{position:sticky;top:24px}.form-side .panel h2{font-size:23px}.form-side .panel p{font-size:13px}.form-side .field{margin:25px 0}.image-preview{display:block;width:160px;height:90px;border-radius:8px;margin-top:12px}.task-editor-list{display:grid;gap:14px;margin-bottom:18px}.task-editor{background:#f8fbfb;border:1px solid var(--border);border-radius:12px;padding:18px}.task-editor.dragging{opacity:.45}.task-editor-top{display:flex;align-items:center;gap:9px;margin-bottom:15px}.task-editor-top strong{flex:1;font-size:14px}.drag-handle{cursor:grab;color:#78909b;font-size:20px;letter-spacing:-4px;padding:0 5px}.task-password[hidden],.task-url[hidden]{display:none}.public-url-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;margin-bottom:24px;background:var(--navy);border-radius:var(--radius-lg);color:#fff}.public-url-panel strong{font-size:18px;word-break:break-all}.task-summary{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--border)}.task-summary:first-child{border-top:0}.task-summary>span:nth-child(2){flex:1}.task-summary strong,.task-summary small{display:block}.task-summary strong{font-size:14px}.task-summary small{color:var(--muted)}.task-step{font:12px var(--font-mono);color:#8296a0}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--border);font-size:13px}.activity-row:first-child{border-top:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:#8fa7b3}.activity-dot.accent{background:var(--lime-deep)}.activity-row span:nth-child(2){flex:1}.activity-row time{color:var(--muted);font-size:11px}.action-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.action-panel h2{margin:0}.action-group{display:flex;gap:8px;flex-wrap:wrap}.settings-layout{display:grid;gap:20px;max-width:850px}.settings-submit{display:flex;justify-content:end}.integration-note{display:flex;gap:10px;background:#f4f8f7;border-radius:9px;padding:14px;color:var(--muted);font-size:13px;margin-top:16px}.users-grid{grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr)}
.public-body{min-height:100dvh;background:radial-gradient(circle at 50% 0%,#e6f1ec 0,transparent 42%),var(--paper);display:flex;flex-direction:column}.public-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid rgba(16,35,55,.09)}.public-brand{color:var(--ink);padding:0}.public-brand .brand-mark{color:var(--ink);border-color:var(--ink)}.public-brand .brand-mark span{background:var(--ink)}.public-secure{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--muted)}.public-main{width:100%;max-width:760px;margin:0 auto;padding:58px 24px 80px;flex:1}.public-footer{display:flex;justify-content:space-between;gap:20px;padding:24px max(24px,calc((100vw - 1160px)/2));border-top:1px solid var(--border);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em}.locker-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(16,35,55,.1)}.locker-cover{height:235px;background:var(--navy);overflow:hidden}.locker-cover img{width:100%;height:100%;display:block}.cover-art{height:100%;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;background:linear-gradient(135deg,#17344b,#0f2536)}.cover-art>span{width:56px;height:85px;border:1px solid rgba(204,230,90,.52);border-radius:12px;transform:rotate(-24deg);opacity:.8}.cover-art>span:nth-child(2){height:115px;transform:rotate(-9deg);background:rgba(204,230,90,.07)}.cover-art>span:nth-child(3){height:115px;transform:rotate(9deg);background:rgba(204,230,90,.1)}.cover-art>span:nth-child(4){transform:rotate(24deg)}.cover-art i{position:absolute;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--lime);color:var(--ink);font-style:normal;box-shadow:0 15px 40px rgba(0,0,0,.22)}.locker-content{padding:34px}.locker-content h1{font-size:clamp(30px,4vw,43px);margin-bottom:12px}.locker-description{color:var(--muted);margin-bottom:34px;max-width:560px}.progress-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px;margin-bottom:10px}.progress-heading span{font:700 13px var(--font-mono);color:#42706b}.progress-track{height:10px;border-radius:10px;background:#e8eeef;overflow:hidden}.progress-track>span{display:block;height:100%;border-radius:10px;background:var(--lime-deep);transition:transform .25s ease}.progress-segments{display:flex;gap:5px;margin-top:8px;margin-bottom:25px}.progress-segments>span{flex:1;height:3px;background:#dfe8e9}.progress-segments>span.filled{background:var(--lime-deep)}.locker-task-list{display:grid;gap:12px}.locker-task{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:start;border:1px solid var(--border);background:#fbfcfc;border-radius:14px;padding:18px;transition:border-color .18s,background .18s}.locker-task.is-complete{background:#f4faf5;border-color:#cce4d0}.task-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d7e3e4;border-radius:12px;color:#305267;background:#fff}.task-meta{color:#6f8791;font-size:10px;letter-spacing:.1em;font-weight:700;margin:2px 0 5px}.task-copy h2{font:700 16px/1.35 var(--font-body);letter-spacing:0;margin:0}.task-copy p{font-size:13px;color:var(--muted);margin:6px 0 0}.verification-note{display:block;color:#6a7d85;font-size:11px;line-height:1.45;margin-top:7px}.task-feedback{font-size:12px;color:#2e6850;font-weight:700;margin-top:7px}.task-feedback:empty{display:none}.task-feedback.error{color:var(--danger)}.task-action{display:flex;flex-direction:column;gap:7px;align-items:flex-end}.task-action .btn{font-size:12px;min-height:40px;padding:8px 12px}.completed-label{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-size:12px;font-weight:700;white-space:nowrap}.password-task-label{display:block;margin-top:10px;font-size:12px}.password-task-label input{margin-top:5px}.unlock-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;background:var(--ink);border-radius:13px;color:#fff;margin-top:26px}.unlock-panel .eyebrow{margin-bottom:5px}.unlock-panel strong{display:block;font-size:15px}.unlock-panel p{font-size:12px;color:#b7cad2;margin:3px 0 0}.unlock-panel .btn{flex:none}.locker-error{font-size:13px;color:var(--danger);margin:12px 0 0}.state-card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;text-align:center;padding:54px 38px;max-width:550px;margin:45px auto}.state-symbol{display:grid;place-items:center;width:68px;height:68px;border-radius:19px;background:#edf3f3;color:var(--navy);margin:0 auto 25px}.state-card h1{font-size:38px}.state-card p{color:var(--muted);margin:0 auto 25px;max-width:390px}.state-card small{display:block;color:var(--muted);margin-top:14px}.success-symbol{background:var(--lime)}.success-card .btn{max-width:310px;margin:auto}.login-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1120px;min-height:620px;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);margin:15px auto}.login-aside{background:var(--ink);color:#fff;padding:70px 55px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-aside h1{font-size:clamp(40px,4.8vw,64px);line-height:1.05}.login-aside h1 em{color:var(--lime);font-weight:500}.login-aside p{color:#b9cdd5;max-width:340px}.segment-art{display:flex;gap:9px;margin-top:54px}.segment-art span{display:block;background:var(--lime);width:54px;height:7px;border-radius:5px;transform:skew(-20deg)}.segment-art span:nth-child(n+3){opacity:.3}.login-panel{display:flex;flex-direction:column;justify-content:center;max-width:440px;width:100%;margin:auto;padding:55px}.login-panel h2{font-size:34px}.login-panel>.muted{margin-bottom:30px}.login-help{font-size:12px;color:var(--muted);text-align:center;margin:22px 0 0}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.content-grid,.users-grid{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr}.sticky-panel{position:static}.topbar{padding:0 24px}.page-wrap{padding:35px 24px 70px}}
@media(max-width:850px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.menu-toggle{display:inline-grid;color:var(--ink)}.topbar{gap:15px;justify-content:flex-start}.topbar-right{margin-left:auto}.page-wrap{padding:30px 20px 65px}.login-layout{grid-template-columns:1fr;min-height:auto}.login-aside{padding:48px}.login-aside h1{font-size:43px}.segment-art{margin-top:20px}.login-panel{padding:45px}}
@media(max-width:680px){.page-heading{align-items:stretch;flex-direction:column;gap:20px}.page-heading>.btn{width:100%}.page-heading h1{font-size:36px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:17px}.metric:last-child:nth-child(odd){grid-column:1/-1}.metric-icon{margin-bottom:12px}.panel{padding:20px;border-radius:15px}.panel-heading{align-items:flex-start}.filter-bar{display:grid}.filter-tabs{overflow-x:auto;width:100%}.filter-tab{padding:9px 11px}.table-wrap{overflow:visible}table,tbody,tr,td{display:block;width:100%}thead{display:none}tr{border-bottom:1px solid var(--border);padding:10px 0}tr:last-child{border-bottom:0}td{border:0;padding:7px 0;display:flex;justify-content:space-between;gap:18px;text-align:right;align-items:center}td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:700;text-align:left;flex:none}td:first-child:before{display:none}td:first-child{text-align:left;justify-content:flex-start}.link-cell{min-width:0}.row-actions{flex-wrap:wrap;justify-content:flex-end}.field-grid{grid-template-columns:1fr}.field.full,.check-field{grid-column:auto}.form-section{padding:20px}.public-url-panel,.action-panel{align-items:stretch;flex-direction:column}.public-url-panel strong{font-size:15px}.public-url-panel .btn{width:100%}.settings-submit .btn{width:100%}.public-main{padding:24px 14px 60px}.public-header{padding:0 18px;height:66px}.public-footer{padding:20px 18px}.locker-cover{height:180px}.locker-content{padding:23px 18px}.locker-task{grid-template-columns:42px minmax(0,1fr);padding:15px;gap:12px}.task-icon{width:40px;height:40px}.task-action{grid-column:2;align-items:stretch}.task-action .btn{width:100%}.unlock-panel{flex-direction:column;align-items:stretch}.unlock-panel .btn{width:100%}.state-card{padding:38px 24px;margin:30px auto}.state-card h1{font-size:32px}.login-layout{margin:0;box-shadow:none}.login-aside{padding:38px 28px}.login-aside h1{font-size:37px}.login-panel{padding:40px 28px}.topbar-context{display:none}.topbar-right{margin-left:auto}.bar-chart{gap:4px}.bar-item small{font-size:8px}}
@media(max-width:390px){.metric-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:23px}.public-secure{font-size:0}.public-secure svg{width:18px}.brand{font-size:18px}.locker-content h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.custom-logo{width:38px;height:38px;object-fit:contain;border-radius:9px;flex:none}
[data-theme=dark]{color-scheme:dark;--ink:#e7f0f2;--navy:#142b39;--navy-soft:#355367;--paper:#101d28;--surface:#1a2d3a;--surface-muted:#203540;--surface-raised:#233a49;--muted:#b0c2ca;--subtle:#92adb7;--border:#36505d;--border-strong:#527080;--danger:#ff9fa7;--danger-bg:#4a2d38;--success:#b8dfc8;--success-bg:#213e36;--warning:#f2d59c;--warning-bg:#493d29;--shadow:0 16px 50px rgba(0,0,0,.16);--shadow-raised:0 28px 70px rgba(0,0,0,.28);--focus-ring:0 0 0 3px rgba(204,230,90,.35);color:var(--ink);background:var(--paper)}
[data-theme=dark] .sidebar,[data-theme=dark] .login-aside,[data-theme=dark] .unlock-panel,[data-theme=dark] .public-url-panel{background:#0b1822;color:#e7f0f2}
[data-theme=dark] .topbar,[data-theme=dark] .panel,[data-theme=dark] .metric,[data-theme=dark] .locker-card,[data-theme=dark] .state-card,[data-theme=dark] .login-layout,[data-theme=dark] .login-panel{background:var(--surface);color:var(--ink)}
[data-theme=dark] .public-body{background:radial-gradient(circle at 50% 0%,#1f3b3c 0,transparent 42%),var(--paper)}
[data-theme=dark] .btn-primary{background:var(--lime);color:#102337}[data-theme=dark] .btn-primary:hover{background:#dff485}
[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-light,[data-theme=dark] .task-icon,[data-theme=dark] .filter-tab.selected{background:#263c49;color:var(--ink);border-color:var(--border)}
[data-theme=dark] input:not([type=checkbox]):not([type=color]):not([type=file]),[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] input[type=file],[data-theme=dark] input[type=color]{background:#213744;color:var(--ink);border-color:var(--border)}
[data-theme=dark] .task-editor,[data-theme=dark] .locker-task,[data-theme=dark] .empty-state,[data-theme=dark] .integration-note,[data-theme=dark] .filter-tabs{background:#203540;color:var(--ink)}
[data-theme=dark] .locker-task.is-complete{background:#223e35}[data-theme=dark] .metric-icon,[data-theme=dark] .state-symbol{background:#294657;color:var(--lime)}
[data-theme=dark] .public-brand,[data-theme=dark] .public-brand .brand-mark{color:var(--ink);border-color:var(--ink)}[data-theme=dark] .public-brand .brand-mark span{background:var(--ink)}
[data-theme=dark] .table-title,[data-theme=dark] td strong,[data-theme=dark] .rank-name strong,[data-theme=dark] .status,[data-theme=dark] .text-link{color:var(--ink)}
.login-aside h1{font-size:clamp(40px,4vw,52px)}
.unlock-trend{margin-bottom:20px}
.nav-scrim{position:fixed;inset:0;background:rgba(5,20,30,.55);z-index:35;border:0;width:100%;height:100%;cursor:pointer}.nav-scrim[hidden]{display:none}.reorder-actions{display:flex;gap:4px}.reorder-actions button{min-width:32px;min-height:32px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--ink);font-weight:700}.reorder-actions button:disabled{opacity:.35}.task-editor-top .text-danger{order:3}.task-editor-top .reorder-actions{order:2}
[data-theme=dark] .status-active{background:#254637;color:#c3eacf}[data-theme=dark] .status-paused{background:#493d29;color:#f2d59c}[data-theme=dark] .status-expired{background:#4a3038;color:#f4bcc3}
[data-theme=dark] .eyebrow,[data-theme=dark] .task-meta,[data-theme=dark] .verification-note,[data-theme=dark] .progress-heading span{color:#b8cbd2}
[data-theme=dark] .progress-track,[data-theme=dark] .progress-segments>span{background:#36505d}
[data-theme=dark] .progress-segments>span.filled{background:var(--lime)}
[data-theme=dark] .cover-art i,[data-theme=dark] .btn-accent,[data-theme=dark] .section-number,[data-theme=dark] .nav-link.is-active{color:#102337}

/* Shared visual system: typography, controls, feedback, and motion. */
body{font-size:var(--text-base);background:var(--paper)}
h1{font-family:var(--font-body);font-weight:700;letter-spacing:-.055em;line-height:1.07}
h2{font-family:var(--font-body);font-size:22px;font-weight:700;letter-spacing:-.04em}
.eyebrow{font-size:var(--text-xs);letter-spacing:.12em;color:var(--subtle);margin-bottom:8px}
.page-heading{margin-bottom:30px}
.page-heading h1{font-size:clamp(33px,3.5vw,46px);margin-bottom:7px}
.page-heading p{font-size:14px;max-width:620px}
.sidebar{background:#112938;border-right:1px solid rgba(255,255,255,.07)}
.sidebar-caption{color:#91a9ae;letter-spacing:.12em;margin-top:52px}
.nav-link{border-radius:var(--radius-sm);font-weight:500;transition:background var(--duration-ui) var(--ease-out),color var(--duration-ui) var(--ease-out)}
.nav-link.is-active{background:var(--lime);font-weight:700;box-shadow:inset 0 0 0 1px rgba(16,35,55,.08)}
.topbar{background:var(--surface);height:66px;padding-inline:clamp(20px,3vw,44px)}
.topbar-context{font-size:13px;letter-spacing:0;font-weight:500;text-transform:none;display:flex;gap:9px;align-items:center}
.topbar-context strong{color:var(--ink);font-weight:700}
.crumb-separator{color:var(--border-strong)}
.topbar-right{font-size:12px;letter-spacing:0;text-transform:none;gap:7px}
.page-wrap{max-width:1280px;padding:38px clamp(20px,3vw,44px) 80px}
.panel{box-shadow:none;border-radius:var(--radius-lg);padding:26px}
.panel-heading h2{font-size:21px}
.btn{border-radius:var(--radius-sm);font-weight:700;letter-spacing:-.01em;transition:background var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-out)}
@media(hover:hover){.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,35,55,.11)}}
.btn:active{transform:scale(.98);box-shadow:none}
.btn:disabled{opacity:.5;box-shadow:none}
.btn-secondary{background:var(--surface);border-color:var(--border-strong)}
.btn-secondary:hover{border-color:var(--ink);background:var(--surface-muted)}
.btn-quiet:hover{background:var(--surface-muted)}
.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}
.text-link,.back-link,.row-actions a,.row-actions button{color:var(--ink)}
.text-link:hover,.back-link:hover{text-decoration:none;color:var(--success)}
.back-link{display:inline-flex;align-items:center;gap:6px}.back-link svg{transform:rotate(180deg)}
.icon-button:hover{background:rgba(255,255,255,.11)}
.menu-toggle:hover{background:var(--surface-muted)}
:focus-visible{outline:3px solid var(--lime-deep);outline-offset:3px}
.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{box-shadow:var(--focus-ring)}
input:not([type=checkbox]):not([type=color]):not([type=file]),select,textarea{border-color:var(--border-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);min-height:46px}
input::placeholder,textarea::placeholder{color:var(--subtle)}
input:focus,select:focus,textarea:focus{border-color:var(--ink)!important;box-shadow:var(--focus-ring)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}
.field small,.form-stack small{font-size:12px;line-height:1.5;margin-top:6px}
.field-grid{gap:22px}
.section-heading{gap:18px}
.section-number{background:transparent;border:1px solid var(--border-strong);color:var(--subtle);border-radius:var(--radius-sm)}
.task-editor{background:var(--surface-muted);border-radius:var(--radius);transition:border-color var(--duration-ui) var(--ease-out),box-shadow var(--duration-ui) var(--ease-out)}
.task-editor:focus-within{border-color:var(--border-strong);box-shadow:0 5px 20px rgba(16,35,55,.06)}
.drag-handle{display:inline-flex;align-items:center;justify-content:center;font-size:0;letter-spacing:0;color:var(--subtle)}
.reorder-actions button{display:grid;place-items:center;min-width:34px;min-height:34px;background:var(--surface);color:var(--ink)}
.reorder-actions button:not(:disabled):hover{border-color:var(--ink)}
.overview{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(0,1fr);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:20px}
.overview-lead{padding:32px 36px;background:#153447;color:#fff;position:relative;overflow:hidden}
.overview-lead:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(204,230,90,.24);border-radius:50%;right:-140px;top:-110px;pointer-events:none}
.overview-kicker{font-size:12px;color:#c2d7d9;font-weight:600}
.overview-value{font:700 clamp(62px,6vw,94px)/1 var(--font-body);letter-spacing:-.085em;margin:24px 0 5px;font-variant-numeric:tabular-nums}
.overview-value span{font-size:.55em;letter-spacing:-.04em;color:var(--lime)}
.overview-lead>strong{display:block;font-size:16px;letter-spacing:-.02em}
.overview-lead p{color:#bed0d5;font-size:13px;margin:6px 0 28px}
.overview-meter{width:100%;height:7px;background:rgba(255,255,255,.18);border-radius:20px;overflow:hidden}
.overview-meter span{display:block;height:100%;background:var(--lime);border-radius:20px}
.overview-facts{display:grid;grid-template-columns:1fr 1fr;align-content:stretch;padding:18px 22px}
.overview-fact{display:flex;flex-direction:column;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}
.overview-fact:nth-child(odd){border-right:1px solid var(--border)}
.overview-fact:nth-child(n+3){border-bottom:0}
.overview-fact span{font-size:12px;color:var(--muted);font-weight:600}
.overview-fact strong{font-size:clamp(25px,3vw,39px);line-height:1.1;letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin-top:20px}
.metric-grid{gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}
.metric{box-shadow:none;border:0;border-right:1px solid var(--border);border-radius:0;padding:22px;background:transparent}
.metric:last-child{border-right:0}
.metric-icon{display:none}
.metric-label{font-size:12px}
.metric strong{font-family:var(--font-body);font-weight:700;letter-spacing:-.055em;margin-top:17px}
.bar-chart{gap:10px}
.bar-item>span{background:#376278;border-radius:5px 5px 0 0;transition:background var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}
.bar-item:hover>span{background:var(--lime-deep)}
.rank-row,.task-summary,.activity-row{transition:background var(--duration-fast) var(--ease-out)}
.rank-row:hover{background:var(--surface-muted)}
th{color:var(--subtle);font-size:11px;letter-spacing:.09em;padding-inline:12px}
td{padding:15px 12px;color:var(--ink)}
tbody tr{transition:background var(--duration-fast) var(--ease-out)}
tbody tr:hover{background:var(--surface-muted)}
.table-sub{color:var(--subtle);font-size:12px}
.filter-tabs{border:1px solid var(--border);background:var(--surface-muted)}
.filter-tab{font-size:13px}
.filter-tab.selected{box-shadow:0 1px 4px rgba(16,35,55,.08)}
.row-actions{gap:14px}
.row-actions a,.row-actions button{font-size:12px}
.empty-state{background:var(--surface-muted);border:1px dashed var(--border-strong);padding:42px 24px}
.empty-state:before{content:"";display:block;width:26px;height:26px;background:var(--subtle);mask:url('/assets/icons/link.svg') center/contain no-repeat;margin:0 auto 14px}
.empty-state h3{font-size:17px;margin-bottom:6px;color:var(--ink)}
.empty-state .btn{margin-top:6px}
.status-active{color:var(--success);background:var(--success-bg)}
.status-paused{color:var(--warning);background:var(--warning-bg)}
.status-expired{color:var(--danger);background:var(--danger-bg)}
.public-url-panel{background:#153447}
.public-url-panel strong{font-family:var(--font-mono);font-size:16px;font-weight:500}
.state-card,.login-layout{box-shadow:var(--shadow-raised)}
.state-card h1{font-family:var(--font-body);font-size:clamp(32px,4vw,42px)}
.state-symbol{border-radius:50%;width:72px;height:72px;background:var(--surface-muted);border:1px solid var(--border)}
.success-symbol{background:var(--lime);border-color:var(--lime);color:#102337}
.success-card .state-symbol{animation:state-reveal 650ms var(--ease-out) both}
.login-aside{background:#153447}
.login-aside h1{font-family:var(--font-body);font-size:clamp(38px,4.6vw,60px);letter-spacing:-.065em}
.login-aside h1 em{font-family:var(--font-display);font-weight:500;letter-spacing:-.04em}
.segment-art span{height:5px;border-radius:0;transform:none}
.login-panel h2{font-family:var(--font-body);font-size:32px}
.form-error{border:1px solid var(--danger);border-radius:var(--radius-sm)}
.toast-stack{position:fixed;z-index:100;right:24px;bottom:24px;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.toast{display:flex;align-items:center;gap:11px;background:#153447;color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-raised);border-radius:var(--radius);padding:13px 13px 13px 16px;font-size:13px;font-weight:600;pointer-events:auto;animation:toast-in 360ms var(--ease-out) both}
.toast-error{background:var(--danger);color:#fff}
.toast>span:nth-child(2){flex:1}
.toast-close{background:transparent;border:0;color:inherit;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm)}
.toast-close:hover{background:rgba(255,255,255,.13)}
.icon-mask{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;mask:center/contain no-repeat;vertical-align:middle}
.icon-check{mask-image:url('/assets/icons/check.svg')}.icon-circle-check{mask-image:url('/assets/icons/circle-check.svg')}.icon-info{mask-image:url('/assets/icons/info.svg')}.icon-x{mask-image:url('/assets/icons/x.svg')}.icon-chevron-up{mask-image:url('/assets/icons/chevron-up.svg')}.icon-chevron-down{mask-image:url('/assets/icons/chevron-down.svg')}
.confirm-dialog{width:min(430px,calc(100vw - 32px));max-width:none;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);padding:28px;box-shadow:var(--shadow-raised)}
.confirm-dialog::backdrop{background:rgba(7,21,30,.56);backdrop-filter:blur(4px)}
.confirm-dialog[open]{animation:dialog-in 220ms var(--ease-out) both}
.confirm-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--danger);background:var(--danger-bg);border-radius:var(--radius);margin-bottom:18px}
.confirm-dialog h2{font-size:22px}.confirm-dialog p{font-size:14px;color:var(--muted);margin-bottom:26px}
.confirm-actions{display:flex;justify-content:flex-end;gap:8px}
.skeleton{display:block;background:linear-gradient(90deg,var(--surface-muted) 20%,var(--border) 48%,var(--surface-muted) 78%);background-size:200% 100%;animation:skeleton 1.45s ease-in-out infinite;border-radius:var(--radius-sm)}
.skeleton-line{height:12px;width:100%}.skeleton-line.short{width:48%}
button[aria-busy=true],.locker-task[aria-busy=true] .task-action .btn{cursor:progress}
.locker-task[aria-busy=true] .task-icon{animation:busy-pulse 1.2s ease-in-out infinite}
.locker-task[aria-busy=true] .task-feedback:empty{display:block;width:46%;height:8px;margin-top:10px;border-radius:8px;background:linear-gradient(90deg,var(--surface-muted) 20%,var(--border) 48%,var(--surface-muted) 78%);background-size:200% 100%;animation:skeleton 1.45s ease-in-out infinite}
@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes skeleton{to{background-position-x:-200%}}
@keyframes busy-pulse{50%{opacity:.48}}
@keyframes state-reveal{from{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}

/* The public journey starts with the narrow viewport. */
.public-body{background:var(--paper)}
.public-header{background:var(--surface);height:66px}
.public-secure{letter-spacing:.03em;text-transform:none;font-size:11px}
.public-main{max-width:800px;padding-top:42px}
.login-body .public-main{max-width:1170px}
.locker-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-raised)}
.locker-cover{height:225px}
.cover-art{background:#153447;gap:7px}
.cover-art>span{width:46px;border-color:rgba(204,230,90,.34);border-radius:8px}
.cover-art i{width:68px;height:68px;box-shadow:0 15px 35px rgba(0,0,0,.22)}
.locker-content{padding:34px 38px 38px}
.locker-content>.eyebrow{color:var(--success);margin-bottom:9px}
.locker-content h1{font-family:var(--font-body);font-size:clamp(30px,4vw,42px);font-weight:700;letter-spacing:-.055em}
.locker-description{font-size:14px;line-height:1.6;margin-bottom:31px}
.progress-heading{font-size:13px;margin-bottom:12px}.progress-heading strong{font-weight:700}
.progress-heading span{font-family:var(--font-body);font-weight:700;color:var(--success)}
.progress-track{height:8px;background:var(--border);border-radius:10px}
.progress-track>span{width:100%;transform-origin:left center;transform:scaleX(var(--progress,0));background:var(--lime-deep);transition:transform var(--duration-progress) var(--ease-out)}
.progress-segments{gap:6px;margin-top:10px;margin-bottom:30px}
.progress-segments>span{height:4px;border-radius:3px;background:var(--border);transition:background var(--duration-ui) var(--ease-out),transform var(--duration-ui) var(--ease-out)}
.progress-segments>span.filled{background:var(--lime-deep)}
.task-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:13px}
.task-list-heading h2{font-size:17px;letter-spacing:-.03em;margin:0}
.task-list-heading span{font-size:12px;color:var(--muted);white-space:nowrap}
.locker-task-list{gap:10px}
.locker-task{background:var(--surface);border-radius:var(--radius);padding:20px;grid-template-columns:44px minmax(0,1fr) auto;gap:15px}
.locker-task:hover{border-color:var(--border-strong)}
.locker-task.is-complete{background:var(--success-bg);border-color:#b8d9c2}
.locker-task.just-completed{animation:task-complete 420ms var(--ease-out) both}
.task-icon{border-radius:var(--radius-sm);background:var(--surface-muted);border-color:var(--border)}
.is-complete .task-icon{color:var(--success);border-color:#b8d9c2;background:var(--surface)}
.task-meta{font-size:10px;letter-spacing:.08em;margin-bottom:7px}
.task-copy h2{font-size:15px;line-height:1.35}
.task-copy p{line-height:1.5}
.task-action .btn{min-height:42px;font-size:12px}
.completed-label{font-size:12px;gap:7px}
.unlock-panel{background:#153447;border-radius:var(--radius);margin-top:30px;padding:22px 24px;transition:box-shadow var(--duration-ui) var(--ease-out),border-color var(--duration-ui) var(--ease-out)}
.unlock-panel.ready{box-shadow:0 0 0 2px var(--lime),0 16px 32px rgba(16,35,55,.16)}
.unlock-panel strong{font-size:16px}.unlock-panel p{font-size:12px}
.unlock-panel .btn{min-height:48px}
.unlock-panel .unlock-arrow{display:none}.unlock-panel.ready .unlock-arrow{display:inline-flex}.unlock-panel.ready .unlock-lock{display:none}
.btn-accent:disabled{background:#829393;color:#fff;opacity:1}
.locker-error{background:var(--danger-bg);padding:11px 13px;border-radius:var(--radius-sm)}
@keyframes task-complete{0%{transform:scale(.988)}60%{transform:scale(1.007)}100%{transform:scale(1)}}

@media(max-width:1100px){.overview{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric:nth-child(4){border-right:0}.metric:nth-child(n+5){border-top:1px solid var(--border)}}
@media(max-width:850px){.sidebar{transition:transform var(--duration-ui) var(--ease-out)}.overview{grid-template-columns:1fr 1fr}.topbar{padding-inline:24px}.page-wrap{padding:30px 24px 70px}}
@media(max-width:700px){
  .topbar-context>span:first-child,.crumb-separator,.topbar-right{display:none}
  .topbar-context{font-size:14px}.topbar-context strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .page-heading{margin-bottom:24px}.page-heading h1{font-size:34px}
  .overview{grid-template-columns:1fr}.overview-lead{padding:28px}.overview-value{font-size:70px;margin-top:16px}.overview-lead p{margin-bottom:22px}
  .overview-facts{padding:4px 16px}.overview-fact{padding:19px 12px}.overview-fact strong{font-size:27px;margin-top:9px}
  .metric-grid{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid var(--border);padding:19px}.metric:nth-child(even){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.metric:nth-child(n+5){border-top:0}.metric:last-child:nth-child(odd){grid-column:1/-1;border-bottom:0;border-right:0;border-top:1px solid var(--border)}
  .panel{padding:20px}.panel-heading h2{font-size:20px}
  .filter-bar{display:grid;grid-template-columns:1fr}.filter-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;overflow:visible}.filter-tab{text-align:center}.filter-bar .btn{width:100%}
  tbody tr:hover{background:transparent}
  .public-main{padding:16px 12px 68px}.public-header{padding:0 16px}.public-footer{padding:20px 16px}
  .locker-card{border-radius:var(--radius-lg)}.locker-cover{height:132px}.locker-content{padding:22px 20px 25px}.locker-content h1{font-size:30px}.locker-description{margin-bottom:24px}
  .locker-task{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:15px}.task-icon{width:38px;height:38px}.task-action{grid-column:1/-1;align-items:stretch}.task-action .btn{width:100%;min-height:44px}
  .unlock-panel{padding:18px;gap:18px}.unlock-panel .btn{width:100%}
  .state-card{margin:22px auto;padding:34px 24px}.login-layout{border-radius:var(--radius-lg)}.login-aside{padding:34px 28px}.login-panel{padding:36px 28px}
  .toast-stack{right:16px;bottom:16px}
}
@media(max-width:390px){.public-secure{font-size:0}.public-secure svg{width:18px}.locker-content{padding-inline:16px}.locker-task{padding:13px}.progress-heading{font-size:12px}.overview-fact span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.skeleton,.locker-task.just-completed,.success-card .state-symbol,.toast,.confirm-dialog[open]{animation:none!important}.progress-track>span,.progress-segments>span{transition:none!important}}
[data-theme=dark] .overview,[data-theme=dark] .overview-facts,[data-theme=dark] .toast:not(.toast-error){background:var(--surface)}
[data-theme=dark] .overview-lead,[data-theme=dark] .login-aside,[data-theme=dark] .unlock-panel,[data-theme=dark] .public-url-panel{background:#0b1822}
[data-theme=dark] .topbar,[data-theme=dark] .public-header,[data-theme=dark] .locker-task,[data-theme=dark] .confirm-dialog{background:var(--surface)}
[data-theme=dark] .locker-task.is-complete{background:var(--success-bg);border-color:#3d6654}
[data-theme=dark] .metric{background:transparent}
[data-theme=dark] .status-active{color:#c3eacf}[data-theme=dark] .status-paused{color:#f2d59c}[data-theme=dark] .status-expired{color:#f4bcc3}
[data-theme=dark] .btn-accent:disabled{background:#45606a;color:#d8e4e7}
[data-theme=dark] select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%)!important;background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}