:root{--blue:#4264de;--bg:#f4f7fc;--text:#29354f;--muted:#68778e;--line:#e6ebf4;--tint:#eef3ff;--green:#229879;--orange:#b16b19}*{box-sizing:border-box}body{margin:0;color:var(--text);background:#edf1f7;font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #91a6f2;outline-offset:2px}button{border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;stroke-width:1.8;flex-shrink:0}#sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:white;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:600;margin-bottom:25px}.brand>span{display:grid;place-items:center;background:var(--blue);color:white;width:42px;height:42px;border-radius:12px;font-size:18px}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}.overview{background:var(--tint);color:var(--blue);padding:10px;border-radius:8px;text-align:left;margin-bottom:12px}#page-search{width:100%;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:8px;margin-bottom:18px}#catalog{overflow:auto;flex:1}#catalog h3{font-size:11px;color:var(--muted);margin:18px 8px 5px}#catalog a{display:block;font-size:13px;padding:7px 10px;border-radius:7px}#catalog a:hover,#catalog a.active{background:var(--tint);color:var(--blue)}footer{font-size:11px;color:var(--muted);padding-top:18px}#workspace{margin-left:252px;padding:30px 40px}.workhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:16px}.workhead h1{font-size:23px;letter-spacing:-.5px}.workhead p{color:var(--muted);font-size:13px;margin-top:6px}.tools{display:flex;gap:8px}.tools button,.tools a{background:white;padding:8px 13px;border:1px solid var(--line);border-radius:8px;font-size:12px}.preview-layout{display:flex;align-items:flex-start;justify-content:center;gap:38px}.notes{width:250px;padding-top:24px}.notes .eyebrow{font-size:11px;color:var(--blue);letter-spacing:2px}.notes h2{font-size:22px;margin:10px 0 15px}.notes p{color:var(--muted);font-size:13px;line-height:1.9}.notes h3{font-size:13px;margin:26px 0 10px}.notes a{display:block;background:white;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:8px 0;color:var(--blue);font-size:13px}.phone{width:390px;height:844px;background:var(--bg);position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 12px 45px #29354f13;border:1px solid #dfe5ef;display:flex;flex-direction:column}.appbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex-shrink:0;background:var(--bg);gap:8px}.appbar h2{font-size:18px;font-weight:600}.appbar>a,.appbar>button{color:var(--blue);font-size:13px;min-width:36px;display:flex;align-items:center;padding:8px 0}.appbar>a:first-child{color:var(--text)}.screen{flex:1;overflow:auto;padding:8px 20px 24px;scrollbar-width:thin}.screen h3{font-size:16px;margin:23px 0 12px}.screen h3:first-child{margin-top:4px}.sub{color:var(--muted);font-size:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.panel.flush{padding:0 16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row.start{align-items:flex-start}.avatar{width:42px;height:42px;border-radius:12px;background:var(--tint);color:var(--blue);display:grid;place-items:center;font-weight:600;flex-shrink:0}.identity{display:flex;gap:12px;align-items:center}.identity strong{font-size:15px}.identity .sub{margin-top:3px}.tag{display:inline-block;border-radius:5px;font-size:11px;line-height:21px;padding:0 6px;background:var(--tint);color:var(--blue);white-space:nowrap}.tag.green{color:var(--green);background:#eaf6f1}.tag.orange{color:var(--orange);background:#fff4e5}.tag.gray{color:var(--muted);background:#f0f2f6}.listrow{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}.listrow:last-child{border:0}.listrow .grow{flex:1;min-width:0}.listrow strong{display:block;font-size:14px;font-weight:500}.listrow .sub{margin-top:5px}.listrow>svg:last-child{width:15px;color:#9aa6b9}.iconbox{background:var(--tint);color:var(--blue);border-radius:11px;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.primary,.secondary,.danger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 16px;border-radius:10px;font-weight:500;width:100%;background:var(--blue);color:white}.secondary{background:var(--tint);color:var(--blue)}.danger{background:#fff0ef;color:#b74c47}.actions{padding:12px 20px 18px;background:white;border-top:1px solid var(--line);display:flex;gap:10px;flex-shrink:0}.actions>*{flex:1}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:16px;gap:16px;overflow:auto;white-space:nowrap}.tabs button{padding:11px 0;color:var(--muted);font-size:13px;border-bottom:2px solid transparent}.tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:600}.search{display:flex;gap:8px;background:white;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 12px;color:var(--muted)}.search input{border:0;outline:0;width:100%;background:transparent;min-width:0}.metrics{display:flex;gap:8px;margin:16px 0}.metrics>div{flex:1;text-align:center}.metrics b{display:block;font-size:24px;font-weight:600}.metrics span{font-size:11px;color:var(--muted)}.bottomnav{display:flex;background:white;border-top:1px solid var(--line);padding:11px 0 14px;flex-shrink:0}.bottomnav a{display:flex;flex:1;align-items:center;flex-direction:column;gap:3px;font-size:10px;color:var(--muted)}.bottomnav a.active{color:var(--blue)}.appgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 8px}.appgrid a{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px}.appgrid .iconbox{width:46px;height:46px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.punch{padding:18px 16px;background:white;border:1px solid var(--line);border-radius:15px}.punch.chosen{background:var(--tint);border-color:#acb9ec}.punch h4{margin:14px 0 8px}.punch b{font-size:30px;display:block;letter-spacing:-1px}.punch .primary{font-size:12px;min-height:38px;margin-top:16px;padding:8px}.kv{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:13px}.kv span:first-child{color:var(--muted)}.kv span:last-child{text-align:right}.article h2{font-size:21px;line-height:1.55;margin-bottom:12px}.article p{font-size:14px;line-height:1.95;margin-top:15px}.timeline{padding-left:7px}.step{position:relative;border-left:1px solid #dce3f2;padding:0 0 24px 23px;margin-top:3px}.step:before{content:'';position:absolute;width:9px;height:9px;background:var(--blue);border:4px solid var(--tint);border-radius:50%;left:-9px;top:1px}.step:last-child{border-color:transparent;padding-bottom:3px}.step .sub{margin-top:5px}.field{display:block;margin-bottom:18px;font-size:13px;font-weight:500}.field input,.field select,.field textarea{display:block;width:100%;margin-top:8px;padding:12px;background:#fff;border:1px solid #dfe5ef;border-radius:9px;color:var(--text);outline-color:var(--blue)}.field textarea{resize:vertical;min-height:95px}.help{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0}.notice{padding:12px 14px;background:var(--tint);color:var(--blue);border-radius:10px;font-size:12px;margin-bottom:16px}.salary{background:var(--blue);border-radius:15px;padding:24px;color:white;margin-bottom:18px}.salary p{font-size:12px;opacity:.8}.salary strong{font-size:35px;display:block;margin:9px 0;letter-spacing:-1px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;margin:15px 0}.calendar span{display:grid;place-items:center;height:32px;font-size:12px;border-radius:8px}.calendar span.today{background:var(--blue);color:white}.calendar span.muted{color:#aab4c4}.calendar span.dot:after{content:'';width:3px;height:3px;border-radius:50%;background:var(--green)}.empty{text-align:center;padding:65px 20px}.empty>svg{width:42px;height:42px;color:#95a5cc;margin-bottom:16px}.empty h3{margin:0 0 8px}.filepreview{min-height:350px;background:white;padding:26px 22px;box-shadow:0 3px 10px #29354f0b;margin-top:18px}.filepreview h3{text-align:center!important;font-size:18px}.filepreview p{font-size:12px;line-height:2.2;margin-top:20px}.loginlogo{margin:48px 0 34px}.loginlogo .iconbox{width:60px;height:60px;background:var(--blue);color:white;margin-bottom:20px}.loginlogo h1{font-size:26px}.loginlogo p{color:var(--muted);margin-top:7px;font-size:13px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px 22px}.tile{min-width:0}.tilehead{display:flex;justify-content:space-between;font-size:13px;margin:0 0 9px}.tilehead span{color:var(--muted);font-size:11px}.thumbnail{height:541px;width:250px;overflow:hidden;background:var(--bg);border:1px solid #dce3ee;box-shadow:0 5px 18px #29354f09;position:relative}.thumbnail iframe{width:390px;height:844px;border:0;transform:scale(.64);transform-origin:top left;pointer-events:none}.thumbnail>a{position:absolute;inset:0}.grouphead{grid-column:1/-1;font-size:17px;margin-top:16px;padding-bottom:10px;border-bottom:1px solid #dce3ee}.toast{position:absolute;bottom:98px;left:25px;right:25px;border-radius:10px;background:#29354fee;color:white;padding:12px;text-align:center;z-index:8;font-size:13px}.modalback{position:absolute;inset:0;background:#19243966;z-index:9;display:flex;align-items:flex-end}.sheet{background:white;width:100%;padding:24px 22px 28px;border-radius:20px 20px 0 0}.sheet h3{font-size:18px;margin-bottom:12px}.sheet textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;margin:14px 0}.sheet .row{margin-top:20px}.sheet .row>*{flex:1}body.embed{background:var(--bg)}.embed #sidebar{display:none}.embed #workspace{margin:0;padding:0}.embed .phone{border:0;box-shadow:none;width:100vw;height:100dvh}.embed .workhead,.embed .notes{display:none}.embed .preview-layout{display:block}@media(max-width:1000px){.notes{display:none}#workspace{padding:25px}#sidebar{width:220px}#workspace{margin-left:220px}}@media(max-width:650px){#sidebar{display:none}#workspace{margin:0;padding:14px}.workhead{margin-bottom:14px}.workhead h1{font-size:17px}.workhead p{display:none}.tools button{display:none}.phone{width:min(390px,100%);height:calc(100dvh - 85px);min-height:550px}.preview-layout{display:block}.gallery{grid-template-columns:1fr}.thumbnail{margin:auto}.tilehead{max-width:250px;margin:0 auto 8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.circle-punch{display:flex;flex-direction:column;align-items:center;justify-content:center;width:184px;height:184px;border-radius:50%;background:var(--blue);color:white;margin:0 auto;box-shadow:0 0 0 12px #e9eefd,0 0 0 14px #dbe3fa}.circle-punch b{font-size:38px;font-weight:500;letter-spacing:-1px}.circle-punch span{font-size:16px}.circle-punch small{font-size:11px;margin-top:7px}.circle-punch:disabled{background:var(--green);cursor:default}

/* Shared attachment and selection controls. */
.select-control{margin-top:8px;position:relative;font-weight:400}
.select-control summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:11px 13px;background:#fff;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.select-control summary::-webkit-details-marker{display:none}.select-control summary>svg{width:17px;color:var(--muted)}
.select-control summary:hover{border-color:#aab9ed;background:#fafbff}.select-control[open] summary{border-color:var(--blue);box-shadow:0 0 0 3px var(--tint)}.select-control[open] summary>svg{transform:rotate(180deg)}
.select-control summary:focus-visible{outline:3px solid #91a6f2;outline-offset:2px}
.select-options{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 18px #29354f10;padding:5px;max-height:220px;overflow:auto}
.select-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;padding:10px;border-radius:8px;text-align:left;font-size:13px}.select-option svg{width:16px;visibility:hidden}.select-option:hover{background:var(--bg)}.select-option.selected{background:var(--tint);color:var(--blue);font-weight:500}.select-option.selected svg{visibility:visible}
.upload-control{position:relative;display:flex;align-items:center;gap:12px;min-height:90px;margin-top:8px;padding:15px 12px;border:1px dashed #aebeea;border-radius:12px;background:#f8faff;cursor:pointer;overflow:hidden}.field .upload-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:pointer}.upload-control:hover,.upload-control:focus-within{border-color:var(--blue);background:var(--tint)}.upload-control:focus-within{outline:3px solid #cbd6fa;outline-offset:2px}.upload-icon,.upload-file-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:var(--tint);color:var(--blue)}.upload-copy{flex:1;min-width:0}.upload-copy strong{display:block;color:var(--blue);font-size:13px;font-weight:500}.upload-copy small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.upload-plus{color:var(--blue);display:flex}.upload-plus svg{width:17px}.field-hint{display:block;margin-top:7px;font-size:11px;color:var(--muted);font-weight:400}.upload-result{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;margin-top:8px;padding:9px;background:#fff}.upload-result[hidden]{display:none}.upload-file-icon{width:30px;height:34px}.upload-file-icon svg{width:17px}.upload-filename{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:400}.upload-remove{display:grid;place-items:center;min-width:36px;min-height:36px;border-radius:8px;color:var(--muted)}.upload-remove:hover{background:#fff0ef;color:#b74c47}.appbar>a.upload-action{background:var(--tint);border-radius:8px;padding:7px 10px;gap:5px;font-weight:500}.upload-action svg{width:16px;height:16px}

.select-control[open]{z-index:20}.select-control.open-up .select-options{top:auto;bottom:100%;margin-top:0;margin-bottom:6px}