:root{--ink:#17213b;--muted:#718096;--line:#e5e9f0;--blue:#2457d6;--blue2:#edf3ff;--bg:#f5f7fb;--green:#197a55;--amber:#b56810}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Noto Sans JP,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:3;background:#fff;flex-direction:column;width:246px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#1d4ed8,#3b82f6);border-radius:12px;place-items:center;width:40px;height:40px;font:800 21px Georgia;display:grid;box-shadow:0 8px 18px #2457d62b}.brand-mark.small{border-radius:10px;width:34px;height:34px;font-size:18px}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{color:var(--muted);letter-spacing:.08em;margin-top:4px;font-size:11px}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#59647c;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 13px;font-weight:700;display:flex}.sidebar nav button.active{background:var(--blue2);color:var(--blue)}.sidebar nav button b{color:#fff;background:#e76346;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:11px}.nav-icon{text-align:center;width:20px;font-size:20px}.demo-box{background:#fff8e9;border:1px solid #f3d9a7;border-radius:12px;margin-top:auto;padding:13px}.demo-box span{color:#9b6115;background:#f6dbac;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:800}.demo-box p{color:#765e3c;margin:9px 0 0;font-size:11px;line-height:1.55}.employee-preview{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:11px;align-items:center;gap:10px;margin-top:12px;padding:11px;display:flex}.employee-preview>span{color:var(--blue);font-size:22px}.employee-preview div{gap:2px;display:grid}.employee-preview small{color:var(--muted)}.employee-preview i{margin-left:auto;font-style:normal}.workspace{width:calc(100% - 246px);margin-left:246px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex}.crumb{font-weight:700}.crumb span{color:#c1c7d2;margin:0 8px}.top-actions{align-items:center;gap:9px;display:flex}.top-actions>button{background:0 0;border:0;font-size:21px;position:relative}.top-actions>button i{background:#ed644b;border-radius:50%;width:7px;height:7px;position:absolute;top:0;right:3px}.top-actions div b,.top-actions div span{font-size:12px;display:block}.top-actions div span{color:var(--muted);font-size:10px}.admin-avatar{width:34px;height:34px;color:var(--blue);background:#dbe6ff;border-radius:50%;place-items:center;font-weight:800;display:grid!important}.content{max-width:1260px;margin:auto;padding:35px 38px 60px}.page-heading{justify-content:space-between;align-items:flex-start;margin-bottom:27px;display:flex}.page-heading h1,.review-heading h1{letter-spacing:-.03em;margin:4px 0 7px;font-size:27px}.page-heading p{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;color:var(--blue)!important;letter-spacing:.13em!important;margin:0!important;font-size:10px!important;font-weight:800!important}.primary,.secondary{border:0;border-radius:9px;padding:11px 18px;font-weight:700}.primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #2457d62b}.primary:hover{background:#1b49bb}.primary:disabled{cursor:default;background:#8aa0d8}.secondary{color:#4c5872;border:1px solid var(--line);background:#fff}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:13px;gap:14px;padding:18px;display:flex;box-shadow:0 3px 10px #1d2a4410}.stat-icon{border-radius:11px;flex:0 0 42px;place-items:center;height:42px;font-size:20px;display:grid}.blue{color:#2457d6;background:#eaf1ff}.amber-bg{color:#b56810;background:#fff4df}.green{color:#197a55;background:#e7f6ef}.purple{color:#7954b7;background:#f2eafd}.stats small,.stats strong,.stats p{display:block}.stats small{color:var(--muted);font-size:11px;font-weight:700}.stats strong{margin:4px 0;font-size:26px}.stats strong i{margin-left:4px;font-size:11px;font-style:normal}.stats p{color:#98a1b3;margin:0;font-size:10px}.stats p b{color:var(--green)}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:18px;display:grid}.panel,.table-panel,.detail-card,.review-card{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 3px 12px #1d2a440a}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel-title h2{margin:0 0 4px;font-size:15px}.panel-title p{color:var(--muted);margin:0;font-size:11px}.panel-title button{color:var(--blue);background:0 0;border:0;font-size:11px;font-weight:700}.attention-row{cursor:pointer;align-items:center;gap:12px;padding:18px 20px;display:flex}.attention-row:hover{background:#fafbfe}.avatar{color:#315ec4;background:#e5edff;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.avatar.coral{color:#c24d38;background:#ffe8e3}.avatar.huge{width:76px;height:76px;font-size:25px}.avatar.large{width:52px;height:52px;font-size:18px}.grow{flex:1}.attention-row b,.attention-row span{display:block}.attention-row .grow span,.date span{color:var(--muted);margin-top:4px;font-size:11px}.status{border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-block}.status.waiting{color:#9b6115;background:#fff2da}.status.active,.status.done{color:#197a55;background:#e7f6ef}.date{text-align:right}.date b{font-size:11px}.attention-row>i{color:#aab2c0;font-size:22px;font-style:normal}.join-card{align-items:center;gap:14px;padding:18px 20px;display:flex}.date-card{width:48px;height:54px;color:var(--blue);background:#eef3ff;border-radius:9px;place-items:center;padding:5px;display:grid}.date-card b{font-size:21px;line-height:1}.date-card span{font-size:8px;font-weight:800}.join-card>div:last-child{gap:4px;display:grid}.join-card span,.join-card small{color:var(--muted);font-size:10px}.join-card small{color:var(--blue);font-weight:700}.quick{margin-top:18px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:0;padding:8px;display:grid}.quick-grid button{border:0;border-right:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:38px 1fr;column-gap:11px;padding:18px;display:grid}.quick-grid button:last-child{border-right:0}.quick-grid i{background:var(--blue2);width:38px;height:38px;color:var(--blue);border-radius:9px;grid-row:1/3;place-items:center;font-size:18px;font-style:normal;display:grid}.quick-grid span{color:var(--muted);margin-top:5px;font-size:10px}.toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar label{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:7px;min-width:300px;padding:9px 12px;display:flex}.toolbar input{border:0;outline:0;width:100%}.toolbar button{border:1px solid var(--line);color:#59647c;background:#fff;border-radius:9px;padding:10px 13px}.toolbar>span{color:var(--muted);margin-left:auto;font-size:11px}.table-panel{overflow:hidden}.table-panel table{border-collapse:collapse;width:100%}th{text-align:left;color:#8a94a7;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line);background:#fafbfc;padding:13px 18px;font-size:10px}td{border-bottom:1px solid var(--line);color:#566078;padding:14px 18px;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcff}tbody tr:last-child td{border-bottom:0}.person{align-items:center;gap:10px;display:flex}.person b,.person small{display:block}.person b{color:var(--ink)}.person small,.block{color:var(--muted);margin-top:4px;font-size:10px}.block{display:block}.text-back{color:#63708a;background:0 0;border:0;margin:0 0 16px;padding:0;font-weight:700}.profile-hero{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:17px;margin-bottom:14px;padding:22px;display:flex}.profile-name h1{margin:6px 0 5px;font-size:23px}.profile-name p{color:var(--muted);margin:0;font-size:11px}.profile-meta{gap:35px;margin-left:auto;display:flex}.profile-meta small,.profile-meta b{display:block}.profile-meta small{color:var(--muted);margin-bottom:6px;font-size:10px}.tabs{border:1px solid var(--line);background:#fff;border-radius:12px 12px 0 0;gap:5px;padding:0 16px;display:flex;overflow-x:auto}.tabs button,.filter-tabs button{color:#788398;white-space:nowrap;background:0 0;border:0;padding:15px 13px;font-weight:700}.tabs button.active,.filter-tabs button.active{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.detail-card{border-top:0;border-radius:0 0 13px 13px}.updated,.checked{color:var(--muted);font-size:10px}.checked{color:var(--green);font-weight:700}.info-grid{grid-template-columns:repeat(2,1fr);column-gap:40px;padding:6px 20px 23px;display:grid}.info{border-bottom:1px solid var(--line);padding:17px 0}.info small,.info b{display:block}.info small{color:#8a94a7;margin-bottom:8px;font-size:10px}.info b{font-size:13px}.data-rows{padding:8px 20px 20px}.data-rows>div{border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1.2fr 1fr 1fr;gap:15px;padding:15px 4px;font-size:12px;display:grid}.data-rows span{color:#6f7a90}.filter-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:13px;display:flex}.filter-tabs button b{background:#e9edf4;border-radius:10px;margin-left:4px;padding:2px 6px;font-size:9px}.review-heading{align-items:center;gap:15px;margin-bottom:22px;display:flex}.review-heading h1{margin-top:6px;font-size:21px}.review-heading p{color:var(--muted);margin:0;font-size:11px}.review-actions{gap:8px;margin-left:auto;display:flex}.review-layout{grid-template-columns:240px 1fr;gap:17px;display:grid}.review-nav{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px}.review-nav>p{color:#8d96a8;padding:4px 8px;font-size:10px;font-weight:800}.review-nav button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.review-nav button.active{background:var(--blue2);color:var(--blue)}.review-nav button>i{width:20px;height:20px;color:var(--green);background:#e7f6ef;border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:grid}.review-nav button span{gap:3px;font-weight:700;display:grid}.review-nav button small{color:var(--muted);font-size:9px;font-weight:400}.review-nav button>b{margin-left:auto}.completion{border-top:1px solid var(--line);margin-top:7px;padding:15px 8px 5px}.completion span,.completion b{font-size:10px}.completion b{float:right;color:var(--green)}.progress{background:#e8ecf3;border-radius:9px;height:6px;margin-top:9px;overflow:hidden}.progress i{background:linear-gradient(90deg,#2c5bd7,#4b83ef);border-radius:9px;height:100%;display:block}.file-grid{grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px;display:grid}.file-grid>div{border:1px solid var(--line);border-radius:9px;align-items:center;gap:11px;padding:13px;display:flex}.file-grid>div>span{color:var(--blue);font-size:21px}.file-grid>div div{gap:4px;display:grid}.file-grid small{color:var(--muted);font-size:9px}.file-grid i{color:#9ca5b4;margin-left:auto}.tkc-note{color:#46618d;background:#edf4ff;border:1px solid #cadbfc;border-radius:11px;gap:12px;margin-top:16px;padding:14px;display:flex}.tkc-note>span{width:22px;height:22px;color:var(--blue);background:#d4e3ff;border-radius:50%;place-items:center;font-weight:800;display:grid}.tkc-note b{color:#2b4e89}.tkc-note p{margin:4px 0 0;font-size:11px}.empty{text-align:center;color:var(--muted);padding:25px}.empty span{width:28px;height:28px;color:var(--green);background:#e7f6ef;border-radius:50%;place-items:center;display:inline-grid}.unimplemented{letter-spacing:0;white-space:nowrap;text-transform:none;margin-top:3px;line-height:1.15;color:#b15b4b!important;font-size:8px!important;font-weight:700!important;display:block!important}.with-unimplemented{flex-direction:column;justify-content:center;align-items:center;gap:0;display:inline-flex!important}.unimplemented-control{place-items:center;display:grid}.unimplemented-control.compact{gap:0}.unimplemented-control button{background:0 0;border:0;padding:2px 6px;font-size:21px;position:relative}.unimplemented-control button i{background:#ed644b;border-radius:50%;width:7px;height:7px;position:absolute;top:0;right:3px}.unimplemented-control.compact .unimplemented{margin-top:-2px;font-size:7px!important}.filter-tabs button .unimplemented{margin-top:4px}.file-grid .unimplemented{margin-top:1px}.toolbar .with-unimplemented{padding-top:6px;padding-bottom:6px}.mobile-stage{background:radial-gradient(circle at 20% 10%,#eff5ff,#0000 36%),#e9edf4;place-items:center;min-height:100vh;padding:25px;display:grid;position:relative}.back-admin{color:#536078;background:#fff;border:1px solid #dce2ec;border-radius:9px;padding:10px 15px;font-weight:700;position:fixed;top:24px;left:28px;box-shadow:0 5px 15px #18264114}.phone-shell{background:#f7f8fb;border:8px solid #253047;border-radius:28px;width:min(100%,430px);min-height:820px;overflow:hidden;box-shadow:0 28px 70px #17213b2c}.mobile-header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:10px;height:67px;padding:0 18px;display:flex}.mobile-header div:nth-child(2){gap:2px;display:grid}.mobile-header b{font-size:12px}.mobile-header span{color:var(--muted);font-size:9px}.mobile-header .secure{margin-left:auto;font-size:15px}.mobile-main{padding:22px 17px 30px}.welcome-row{justify-content:space-between;align-items:end;display:flex}.welcome-row h1{margin:6px 0 0;font-size:22px}.draft-pill{color:#54627c;background:#e8ecf3;border-radius:20px;padding:6px 9px;font-size:9px}.progress-block{border:1px solid var(--line);background:#fff;border-radius:11px;margin:17px 0;padding:13px}.progress-block>div:first-child{justify-content:space-between;font-size:10px;display:flex}.progress-block strong{color:var(--blue)}.stepper{justify-content:space-between;margin-bottom:15px;display:flex;position:relative}.stepper:before{content:"";background:#d8dee9;height:1px;position:absolute;top:13px;left:16px;right:16px}.stepper button{color:#9aa3b4;background:0 0;border:0;justify-items:center;gap:4px;padding:0;font-size:8px;display:grid;position:relative}.stepper i{background:#e5e9f0;border:3px solid #f7f8fb;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;font-style:normal;display:grid}.stepper button.active{color:var(--blue);font-weight:800}.stepper button.active i{background:var(--blue);color:#fff}.form-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.form-title{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:17px;display:flex}.form-title>span{background:var(--blue2);width:30px;height:30px;color:var(--blue);border-radius:9px;place-items:center;font-weight:800;display:grid}.form-title h2{margin:0 0 4px;font-size:15px}.form-title p{color:var(--muted);margin:0;font-size:9px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;padding:17px;display:grid}.form-grid label{gap:6px;display:grid}.form-grid label>span{color:#66728a;font-size:10px;font-weight:700}.form-grid input,.form-grid select{width:100%;color:var(--ink);background:#fff;border:1px solid #dce1ea;border-radius:8px;outline:none;padding:10px;font-size:12px}.form-grid input:focus,.form-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2457d611}.form-grid .wide{grid-column:1/-1}.form-actions{border-top:1px solid var(--line);background:#fafbfc;justify-content:space-between;padding:14px 17px;display:flex}.form-actions .primary,.form-actions .secondary{padding:10px 14px;font-size:11px}.repeat-card{border:1px solid var(--line);border-radius:10px;margin:17px;overflow:hidden}.repeat-card .form-grid{padding:14px}.repeat-head{background:#f8f9fc;justify-content:space-between;padding:10px 13px;font-size:10px;display:flex}.repeat-head button{color:#c45b48;background:0 0;border:0;font-size:9px}.add-row{color:var(--blue);background:#f5f8ff;border:1px dashed #aec1e9;border-radius:8px;width:calc(100% - 34px);margin:0 17px 17px;padding:10px;font-size:10px;font-weight:700}.check{color:#526078;grid-template-columns:auto 1fr;align-items:center;font-size:10px;display:flex!important}.check input{width:auto}.uploads{padding:15px}.uploads>div{border:1px dashed #ced5e1;border-radius:9px;align-items:center;gap:10px;margin-bottom:9px;padding:12px;display:flex}.uploads>div.uploaded{background:#f9fcfa;border-style:solid}.uploads>div>span{color:#72809a;background:#eef2f8;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.uploads>div.uploaded>span{color:var(--green);background:#e3f5ec}.uploads>div div{gap:3px;display:grid}.uploads b{font-size:10px}.uploads small{color:var(--muted);font-size:8px}.uploads button{border:1px solid var(--line);background:#fff;border-radius:6px;margin-left:auto;padding:6px 9px;font-size:9px}.confirm-list{padding:15px}.confirm-list>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:9px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:11px;display:flex}.confirm-list>button>span{width:24px;height:24px;color:var(--green);background:#e3f5ec;border-radius:50%;place-items:center;display:grid}.confirm-list>button div{gap:3px;display:grid}.confirm-list small{color:var(--muted);font-size:8px}.confirm-list>button i{color:var(--blue);margin-left:auto;font-size:9px;font-style:normal}.consent{align-items:center;gap:8px;padding:9px 2px;font-size:10px;display:flex}.submitted{text-align:center;padding:45px 7px}.success-ring{width:68px;height:68px;color:var(--green);background:#e5f6ee;border-radius:50%;place-items:center;margin:0 auto 20px;font-size:30px;display:grid}.submitted h1{margin:7px 0 10px;font-size:22px}.submitted>p{color:var(--muted);font-size:11px;line-height:1.7}.receipt{border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;margin:23px 0;padding:7px 15px}.receipt div{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:10px;display:flex}.receipt div:last-child{border:0}.receipt span{color:var(--muted)}.receipt .amber{color:var(--amber)}.full{width:100%}.mobile-footer{text-align:center;color:#8993a5;padding:13px;font-size:8px}.toast{z-index:20;color:#fff;background:#17213b;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:700;animation:.2s pop;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #17213b40}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)}}@media (max-width:1000px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.profile-meta{display:none}.review-layout{grid-template-columns:200px 1fr}.file-grid{grid-template-columns:1fr}}@media (max-width:760px){.sidebar{border:1px solid var(--line);border-radius:16px;flex-direction:row;width:calc(100% - 16px);height:62px;padding:7px;position:fixed;inset:auto 8px 8px;box-shadow:0 8px 30px #17213b29}.brand,.demo-box,.employee-preview{display:none}.sidebar nav{justify-content:space-around;width:100%;display:flex}.sidebar nav button{flex:1;justify-content:center;gap:2px;padding:7px;font-size:10px;display:grid}.sidebar nav button b{margin:0;position:absolute;transform:translate(14px,-15px)}.nav-icon{font-size:16px}.workspace{width:100%;margin-left:0}.topbar{padding:0 16px}.top-actions>div:not(.admin-avatar),.top-actions>span{display:none}.content{padding:25px 14px 90px}.page-heading{gap:14px}.page-heading h1{font-size:23px}.page-heading .primary{padding:9px 10px;font-size:10px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stats article{gap:9px;padding:12px}.stats strong{font-size:21px}.stat-icon{flex-basis:35px;width:35px;height:35px}.quick-grid{grid-template-columns:1fr}.quick-grid button{border-right:0;border-bottom:1px solid var(--line)}.toolbar{flex-wrap:wrap}.toolbar label{min-width:100%}.table-panel{overflow-x:auto}.table-panel table{min-width:760px}.profile-hero{flex-wrap:wrap}.profile-hero .secondary{margin-left:auto}.tabs{border-radius:12px}.detail-card{border-radius:13px;margin-top:10px}.info-grid{grid-template-columns:1fr}.review-heading{flex-wrap:wrap;align-items:flex-start}.review-actions{width:100%;margin:0}.review-actions button{flex:1;font-size:10px}.review-layout{grid-template-columns:1fr}.review-nav{display:flex;overflow-x:auto}.review-nav>p,.completion{display:none}.review-nav button{min-width:125px}.review-card .info-grid{grid-template-columns:1fr}.mobile-stage{background:#f7f8fb;padding:0;display:block}.back-admin{z-index:4;border:0;border-bottom:1px solid var(--line);width:100%;box-shadow:none;border-radius:0;position:sticky;top:0;left:0}.phone-shell{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0}}.flow-strip{border:1px solid var(--line);background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:20px;margin-bottom:18px;padding:17px 22px;display:flex}.flow-strip>div{color:#8c96a9;align-items:center;gap:10px;display:flex}.flow-strip i{background:#e9edf4;border-radius:50%;place-items:center;width:29px;height:29px;font-style:normal;font-weight:800;display:grid}.flow-strip span{gap:3px;display:grid}.flow-strip b{font-size:11px}.flow-strip small{font-size:9px}.flow-strip em{color:#bbc2ce;font-style:normal}.flow-strip .current{color:var(--blue)}.flow-strip .current i{background:var(--blue);color:#fff}.invite-layout{grid-template-columns:1.4fr .8fr;gap:18px;display:grid}.invite-card,.invite-result{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 3px 12px #1d2a440a}.required-note{color:#6f7a90;background:#eef1f6;border-radius:15px;padding:5px 8px;font-size:9px}.invite-form{grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.invite-form label{gap:7px;display:grid}.invite-form label>span{color:#66728a;font-size:10px;font-weight:700}.invite-form input,.invite-form select{color:var(--ink);background:#fff;border:1px solid #dce1ea;border-radius:8px;padding:11px}.invite-form .wide{grid-column:1/-1}.invite-actions{border-top:1px solid var(--line);background:#fafbfc;border-radius:0 0 13px 13px;justify-content:flex-end;gap:9px;padding:15px 20px;display:flex}.invite-result{text-align:center;align-content:center;min-height:420px;padding:22px;display:grid}.invite-result.visible{align-content:start}.invite-empty>span{color:#8793a8;background:#eef2f8;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:25px;display:grid}.invite-empty h3{font-size:13px}.invite-empty p,.invite-result>p{color:var(--muted);font-size:10px;line-height:1.6}.issued{color:var(--green);background:#e5f6ee;border-radius:20px;justify-self:center;padding:5px 9px;font-size:9px;font-weight:800}.invite-result h2{margin:13px 0 4px;font-size:17px}.qr-demo{border:1px solid var(--line);background:#fff;grid-template-columns:repeat(9,1fr);gap:2px;width:135px;height:135px;margin:14px auto 5px;padding:9px;display:grid}.qr-demo i{background:0 0}.qr-demo i.on{background:#17213b}.demo-caption{color:var(--muted);font-size:8px}.url-box{text-align:left;gap:6px;margin:15px 0 9px;display:grid}.url-box span{color:#66728a;font-size:9px;font-weight:700}.url-box input{color:#4f5d75;background:#f8f9fb;border:1px solid #dce1ea;border-radius:7px;width:100%;padding:9px;font-size:9px}.invite-result button{margin-top:8px}.invite-security{text-align:left;background:#fff7e8;border:1px solid #efd9b0;border-radius:8px;gap:4px;margin-top:13px;padding:10px;display:grid}.invite-security b{color:#8b5c19;font-size:9px}.invite-security span{color:#846d4b;font-size:8px}@media (max-width:1000px){.invite-layout{grid-template-columns:1fr}}@media (max-width:760px){.flow-strip{gap:6px;padding:12px 8px}.flow-strip>div{text-align:center;justify-items:center;gap:5px;display:grid}.flow-strip small{display:none}.invite-form{grid-template-columns:1fr}.invite-form .wide{grid-column:auto}}.login-stage{background:radial-gradient(circle at 20% 10%,#e7efff,#0000 36%),#f5f7fb;place-items:center;min-height:100vh;padding:30px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(100%,520px);padding:38px;box-shadow:0 24px 70px #17213b18}.login-logo{margin-bottom:22px}.login-card h1{margin:7px 0 9px;font-size:28px}.login-card>p:not(.eyebrow){color:var(--muted);margin-bottom:25px}.login-choice{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;grid-template-columns:1fr auto;margin-top:11px;padding:17px;display:grid}.login-choice:hover{border-color:var(--blue);background:var(--blue2)}.login-choice b,.login-choice span{grid-column:1}.login-choice span{color:var(--muted);margin-top:5px;font-size:11px}.login-choice i{color:var(--blue);grid-area:1/2/3;align-self:center;font-size:20px;font-style:normal}.security-note{color:#63708a;background:#f2f5fa;border-radius:9px;margin-top:20px;padding:13px;font-size:11px;line-height:1.6}.security-note.block{display:block}.logout-button{border:1px solid var(--line);color:#63708a;background:#fff;border-radius:8px;padding:7px 10px;font-size:10px}.diff-grid{grid-template-columns:.7fr 1.4fr 1.4fr;gap:0;padding:16px 20px 24px;display:grid}.diff-grid>*{border-bottom:1px solid var(--line);padding:13px}.diff-grid>small{color:var(--muted);font-weight:700}.diff-grid input{color:var(--ink);background:#f8faff;border:1px solid #b9c9eb;border-radius:7px}.upload-zone{text-align:center;padding:40px 20px}.upload-zone>span{color:var(--blue);font-size:38px}.upload-zone p{color:var(--muted)}.file-button{margin-top:10px;display:inline-block}.file-button input{display:none}.validation-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.validation-grid div{border-right:1px solid var(--line);gap:7px;padding:16px;display:grid}.validation-grid span{color:var(--muted);font-size:11px}.validation-grid .ok{color:var(--green)}button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:760px){.login-card{padding:25px}.diff-grid{grid-template-columns:1fr}.diff-grid>*{padding:10px}.validation-grid{grid-template-columns:1fr 1fr}}.settings-panel{margin-bottom:16px}.settings-form{grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.settings-form label{gap:7px;display:grid}.settings-form span{color:#66728a;font-size:11px;font-weight:700}.settings-form input{color:var(--ink);background:#fff;border:1px solid #dce1ea;border-radius:8px;padding:11px}.settings-form input[type=color]{height:42px;padding:4px}.feature-list{padding:4px 20px 18px}.feature-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:15px 2px;display:flex}.feature-row span{gap:5px;display:grid}.feature-row small{color:var(--muted);font-size:11px}.feature-row input{width:38px;height:20px;accent-color:var(--blue)}@media (max-width:760px){.settings-form{grid-template-columns:1fr}}.login-form{text-align:left;gap:14px;margin:22px 0 14px;display:grid}.login-form label{color:#53627c;gap:6px;font-size:13px;font-weight:700;display:grid}.login-form input{color:#17233b;background:#fff;border:1px solid #d8dfeb;border-radius:8px;width:100%;padding:11px 12px;font-size:15px}.login-form .primary{justify-content:center;width:100%;margin-top:5px}.login-error{color:#c33636;margin:0;font-size:13px;font-weight:700}.demo-login{color:#66738a;text-align:left;border-top:1px solid #e2e7f0;margin-top:18px;padding-top:16px;font-size:12px}.demo-login div{gap:8px;margin-top:9px;display:flex}.demo-login button{color:#2759c7;cursor:pointer;background:#fff;border:1px solid #d3dceb;border-radius:6px;padding:7px 9px;font-weight:700}.password-modal-backdrop{z-index:40;background:#17213b80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.password-modal{background:#fff;border-radius:14px;gap:13px;width:min(100%,430px);padding:28px;display:grid;box-shadow:0 22px 60px #17213b55}.password-modal h2{margin:0;font-size:21px}.password-modal>p:not(.eyebrow){color:var(--muted);margin:0 0 5px;font-size:12px;line-height:1.6}.password-modal label{color:#53627c;gap:6px;font-size:12px;font-weight:700;display:grid}.password-modal input{border:1px solid #d8dfeb;border-radius:8px;padding:11px}.password-modal .primary{margin-top:5px}