@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-thai-400-normal-BrkKv8cO.woff2) format("woff2"),url(/assets/prompt-thai-400-normal-DJypnfr3.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-vietnamese-400-normal-BCPzsgPT.woff2) format("woff2"),url(/assets/prompt-vietnamese-400-normal-D4pLyeNK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-ext-400-normal-DdSafGZ9.woff2) format("woff2"),url(/assets/prompt-latin-ext-400-normal-1pHbN9uy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-400-normal-BQ9zjSN8.woff2) format("woff2"),url(/assets/prompt-latin-400-normal-CxU4ec_r.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-thai-500-normal-C18pDUoL.woff2) format("woff2"),url(/assets/prompt-thai-500-normal-D7YNqUJD.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-vietnamese-500-normal-DmzxmPwa.woff2) format("woff2"),url(/assets/prompt-vietnamese-500-normal-w_sS_j2F.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-latin-ext-500-normal--EZ1um7s.woff2) format("woff2"),url(/assets/prompt-latin-ext-500-normal-D-lI1EVT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-latin-500-normal-CxzxEHZc.woff2) format("woff2"),url(/assets/prompt-latin-500-normal-B1edBDQ9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-thai-600-normal-MrdfU7zR.woff2) format("woff2"),url(/assets/prompt-thai-600-normal-CYPViXds.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-vietnamese-600-normal-7QWjJBsF.woff2) format("woff2"),url(/assets/prompt-vietnamese-600-normal-1dyohtNh.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-latin-ext-600-normal-Cg9L7iJU.woff2) format("woff2"),url(/assets/prompt-latin-ext-600-normal-C8b50x67.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-latin-600-normal-hKZWXsc1.woff2) format("woff2"),url(/assets/prompt-latin-600-normal-CSDDLorv.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font: "Prompt", system-ui, sans-serif;--st-todo: #5b6470;--st-todo-bg: #eff1f3;--st-progress: #1f62b5;--st-progress-bg: #e6effa;--st-review: #9a6400;--st-review-bg: #fcf1d9;--st-done: #23803f;--st-done-bg: #e2f4e7;--orange: #cf5208;--orange-dark: #b34605;--orange-soft: #fbefe7;--orange-menu: #f6e7dc;--ink: #1d1c1a;--ink-2: #45433f;--grey-1: #5f5c57;--grey-2: #77746e;--grey-3: #aeaba4;--line: #e6e3dd;--field-line: #cfcbc3;--panel: #f7f6f2;--hover: #efede8;--selected: #eae8e2;--tint-orange: #fdf5ee;--tint-orange-line: #f2dfcf;--tint-red: #fdf1f0;--tint-red-line: #f3d5d3;--tint-blue: #f0f4f8;--tint-blue-line: #d8e3ec;--white: #ffffff;--disabled-bg: #0000001f;--disabled-ink: #00000042;--green: #69c050;--red: #d9262e;--cyan: #14a8c9;--gold: #d99a1c;--mode-work: #2f5d8a;--mode-work-soft: #e8eef4;--radius-sm: 3px;--radius: 5px;--radius-md: 6px;--radius-lg: 10px;--shadow: none;--shadow-pop: 0 8px 28px #1d1c1a26}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;background:var(--white);overflow-x:clip}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.auth{display:flex;min-height:100vh;min-height:100dvh;position:relative;background:var(--white)}.auth-header{position:absolute;top:0;left:0;right:0;height:64px;padding:20px 24px;display:flex;z-index:2;pointer-events:none}.auth-header a{pointer-events:auto;display:block}.logo{height:24px;width:104px;object-fit:contain;object-position:left center}.auth-aside{flex:0 0 50%;background:var(--panel);display:flex;flex-direction:column;align-items:center;min-height:900px;overflow:hidden}.auth-art{align-self:flex-start;margin-top:92px;width:384px;height:238px}.auth-art.plain{margin-top:345px}.auth-headline{width:432px;max-width:calc(100% - 48px);font-size:20px;line-height:32px;font-weight:700;text-align:center}.auth-subline{margin-top:8px;font-size:14px;line-height:22px;font-weight:500;color:var(--grey-1);text-align:center}.auth-features{display:flex;align-items:center;justify-content:space-between;gap:8px;width:518px;max-width:calc(100% - 48px);height:46px;margin-top:16px;color:#b9bfca}.auth-features li{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;white-space:nowrap}.auth-card{width:612px;max-width:calc(100% - 48px);height:210px;margin-top:23px;padding:40px 48px 0;background:var(--white);border-radius:var(--radius-lg);text-align:center}.auth-card-title{font-size:14px;line-height:22px;font-weight:700}.auth-card-body{margin-top:16px;min-height:66px;font-size:14px;line-height:22px;font-weight:500}.auth-card-foot{margin-top:8px;font-size:12px;font-weight:700;color:var(--grey-1)}.auth-dots{display:flex;align-items:center;gap:9px;margin-top:31px;height:6px}.auth-dots button{width:11px;height:6px;border-radius:3px;background:#e2e3e5}.auth-dots button.on{width:6px;background:var(--orange)}.auth-foot{width:360px;max-width:calc(100% - 48px);margin-top:31px;padding-top:12px;border-top:1px solid #d8d9dc;display:flex;justify-content:center;gap:75px;font-size:11px;line-height:19px;color:var(--grey-2)}.auth-foot button{display:inline-flex;align-items:center;gap:5px}.auth-main{flex:0 0 50%;min-width:0;margin:32px 0;padding:0 40px;min-height:836px;display:flex;flex-direction:column;justify-content:center;background:var(--white)}.auth-column{padding:0 48px;display:flex;flex-direction:column}.auth-login{padding-top:2px}.auth-create{padding-top:3px}.auth-create+.auth-end .lang{margin-top:17px}.auth-welcome{font-size:20px;line-height:28px;color:var(--grey-3);text-align:center;height:28px}.auth-title{font-size:40px;line-height:55px;font-weight:900;letter-spacing:-.4px;text-align:center;margin-top:2px}.create-title{font-size:34px;line-height:46px;font-weight:900;text-align:center}.create-mark{display:none;width:29px;height:32px;object-fit:contain;margin:0 auto 8px}.connect{margin-top:32px;text-align:center}.auth-create .connect{margin-top:13px}.connect-label{font-size:14px;line-height:20px;color:var(--grey-2)}.connect-row{position:relative;display:flex;justify-content:center;align-items:center;gap:4px;margin-top:9px;height:30px}.connect-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.connect-icon:hover{background:#b3b3b34d}.connect-more-wrap{position:static}.connect-more-wrap summary{list-style:none;cursor:pointer}.connect-more-wrap summary::-webkit-details-marker{display:none}.connect-more{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 4px;font-size:14px;color:var(--grey-2);white-space:nowrap}.connect-menu{position:absolute;top:36px;left:50%;transform:translate(-50%);width:min(280px,calc(100vw - 32px));padding:8px;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);z-index:5;text-align:left}.connect-menu p{font-size:12px;color:var(--grey-2);padding:4px 8px 8px}.connect-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:var(--radius);text-align:left}.connect-menu button:hover{background:var(--orange-menu)}.connect-menu strong,.connect-menu small{display:block}.connect-menu small{color:var(--grey-2);font-size:12px}.avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;border-radius:50%;color:var(--white);font-weight:700;line-height:1}.or-line{position:relative;display:flex;align-items:center;gap:12px;height:13px;margin-top:25px;font-size:14px;line-height:13px;color:var(--grey-3)}.or-line:before,.or-line:after{content:"";flex:1;height:1px;background:var(--line)}.or-line span{padding:0}.or-line{top:5px}.auth-form{margin-top:23px;display:flex;flex-direction:column}.float{position:relative;height:48px;border:1px solid var(--field-line);border-radius:var(--radius-md);background:var(--white);transition:border-color .15s}.float+.float{margin-top:20px}.float:focus-within{border-color:var(--orange)}.float input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;outline:0;background:transparent;padding:16px 44px 0 11px;font-size:14px;font-weight:700;border-radius:var(--radius-md)}.float label{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:14px;color:#0009;pointer-events:none;transition:all .15s;white-space:nowrap;max-width:calc(100% - 56px);overflow:hidden;text-overflow:ellipsis}.float.large label{font-size:16px}.float:focus-within label,.float.filled label{top:11px;font-size:11px}.float-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--grey-3);display:flex}.auth-forgot{margin-top:20px;font-size:14px;line-height:20px;color:var(--orange)}.form-error{margin-top:12px;color:var(--red);font-size:14px}.auth-submit{height:48px;margin-top:16px;margin-bottom:16px;border-radius:var(--radius-sm);background:var(--orange);color:var(--white);font-size:14px;font-weight:700;transition:background .15s}.auth-submit:hover:not(:disabled){background:#f06a12}.auth-submit:disabled{background:var(--disabled-bg);color:var(--disabled-ink);cursor:default}.auth-submit.big{height:51px;font-size:20px;margin-bottom:0}.auth-end{margin-top:40px;border-top:1px solid var(--line);padding-top:24px;text-align:center}.auth-switch{font-size:16px;line-height:28px;font-weight:700;color:var(--grey-2)}.auth-switch a{color:var(--orange)}.lang{position:relative;width:150px;margin:18px auto 0}.lang-button{width:100%;height:46px;padding:0 7px 0 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--field-line);font-size:14px;font-weight:700}.lang.open .lang-button{border-bottom-color:var(--orange)}.lang-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #666666}.lang.open .lang-caret{border-top:0;border-bottom:5px solid #666666}.lang-input{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0;background:transparent;font-size:14px;font-weight:700;color:inherit;cursor:pointer;caret-color:transparent}.lang-input:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lang-menu{position:absolute;bottom:100%;left:0;width:150px;background:var(--white);box-shadow:var(--shadow-pop);border-radius:var(--radius-sm);overflow:hidden;z-index:10;text-align:left}.lang-menu button{display:block;width:100%;height:48px;padding:0 16px;text-align:left;font-size:14px}.lang-menu button:hover{background:#f5f5f5}.lang-menu button.active{background:var(--orange-menu);color:var(--orange)}.auth-reset{justify-content:center}.reset-title{font-size:40px;line-height:55px;font-weight:800}.reset-lead{margin-top:8px;font-size:20px;line-height:32px;font-weight:500;min-height:64px}.auth-reset{padding-bottom:6px}.reset-done{margin-top:8px;font-size:20px;line-height:32px;font-weight:500}.reset-back{margin-top:24px;color:var(--orange);font-weight:700}.auth-reset .auth-form{margin-top:28px}.auth-reset .or-line{margin-top:24px;height:13px}.phone-box{margin-top:28px;height:48px;border:1px solid var(--field-line);border-radius:var(--radius-md);display:flex;align-items:center;padding:0 12px 0 11px}.phone-box:focus-within{border-color:var(--orange)}.phone-code{display:inline-flex;align-items:center;gap:4px;width:92px;font-size:14px}.phone-code .lang-caret{margin-left:8px}.phone-box input{flex:1;min-width:0;border:0;outline:0;height:46px;font-size:14px;font-weight:700;background:transparent}.phone-box input::placeholder{color:#a0a5b1;font-weight:700;opacity:1}.phone-hint{margin-top:8px;font-size:12px;line-height:12px;color:#0009;min-height:24px}.auth-reset .auth-submit{margin-top:32px}.auth-create .auth-form{margin-top:24px}.method{display:flex;margin-top:12px}.method button{flex:1;height:48px;font-size:14px;font-weight:700;color:var(--ink-2);background:#f9f9f9;border:1px solid #cccccc}.method button:first-child{border-radius:3px 0 0 3px;border-right:0}.method button:last-child{border-radius:0 3px 3px 0;border-left:0}.method button.on{background:var(--orange-soft);border:1px solid var(--orange);color:var(--orange)}.auth-create .method+.float{margin-top:16px}.auth-create .float+.float{margin-top:12px}.check{position:relative;display:flex;gap:12px;align-items:center;margin-top:20px;padding-left:8px;font-size:14px;line-height:21px;cursor:pointer}.check.first{min-height:42px}.check.second{margin-top:16px}.check input{position:absolute;opacity:0;width:24px;height:24px;margin:0;left:8px}.check-box{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #c8bdae;border-radius:var(--radius);color:transparent}.check input:checked+.check-box{background:var(--green);border-color:var(--green);color:var(--white)}.check input:focus-visible+.check-box{outline:2px solid var(--orange);outline-offset:2px}.check a{color:var(--orange)}.code-card{align-self:center;width:304px;height:78px;max-width:100%;margin-top:13px;padding:10px 14px 6px;background:#f9f9f9;border:1px solid #d3d3d3;border-radius:3px;box-shadow:0 0 4px 1px #00000014;display:flex;flex-direction:column;justify-content:center}.code-card label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.code-card input{width:124px;height:32px;padding:0 10px;border:1px solid var(--field-line);border-radius:var(--radius-sm);background:var(--white);font-weight:700;letter-spacing:1px;text-transform:uppercase}.code-card small{margin-top:3px;font-size:11px;color:var(--grey-2)}.auth-create .auth-submit{margin-top:4px}.auth-create+.auth-end{margin-top:32px}.doc{white-space:pre-line;line-height:1.7}@media(max-width:959px){.auth{flex-direction:column}.auth-header{position:static;background:var(--white)}.auth-aside{display:none}.auth-main{flex:1 1 auto;margin:0;padding:0;min-height:0;justify-content:flex-start}.auth-login .auth-form{margin-top:24px}.create-mark{display:block;margin-bottom:5px}.auth-create{padding-top:0}.auth-create .connect-row{margin-top:10px}.check.first{min-height:0;margin-top:18px}.check.second{margin-top:13px}.code-card{margin-top:15px}.auth-reset{padding-top:27px;padding-bottom:0;justify-content:flex-start}.reset-lead{min-height:0;margin-top:7px}.auth-end{margin-top:32px}}@media(max-width:599px){.auth-column{padding-left:24px;padding-right:24px}.auth-title{font-size:26px;line-height:36px;margin-top:0;letter-spacing:0}.auth-login .connect-row{margin-top:10px}.auth-reset{padding-top:14px}.reset-lead{margin-top:8px}.auth-reset .auth-form{margin-top:26px}.phone-hint{min-height:36px}.create-mark{margin-bottom:8px}.auth-create .connect{margin-top:16px}.auth-create .auth-form{margin-top:24px}.check.second{min-height:42px;margin-top:16px}.code-card{margin-top:18px}.reset-title{font-size:26px;line-height:40px}.auth-create .create-title{line-height:40px}.check{align-items:flex-start}.code-card{align-self:center}}.shell{display:flex;min-height:100vh;min-height:100dvh;background:var(--panel)}.side{position:sticky;top:0;flex:0 0 240px;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--white);border-right:1px solid var(--line);padding:20px 12px 16px}.side-logo{padding:0 12px 16px}.mode-switch{display:flex;gap:2px;padding:3px;border-radius:var(--radius-md);background:var(--panel)}.side .mode-switch{flex:none;flex-direction:row;overflow:visible;margin-bottom:14px}.mode-switch a{position:relative;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:0 8px;border-radius:6px;color:var(--grey-1);font-size:13px;font-weight:700;white-space:nowrap}.mode-switch a.on{background:var(--orange);color:var(--white)}.mode-switch a.work.on{background:var(--mode-work)}.mode-switch i{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--red)}.shell[data-mode=work] .side-link.active{background:var(--mode-work-soft);color:var(--mode-work)}.shell[data-mode=work] .side-link .count{background:var(--mode-work)}.shell[data-mode=work] .tab-link.active{color:var(--mode-work)}.side-divider{width:100%;margin:8px 0;border:0;border-top:1px solid var(--line)}.topbar-mode{display:none;margin-right:8px}a.tile:hover{border-color:var(--grey-3)}.work-section h2{margin:4px 0 10px;font-size:16px;font-weight:700}.work-section h2 span{color:var(--grey-2);font-weight:400}.side nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.side-link{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:var(--radius-md);color:var(--grey-1);font-weight:700}.side-link:hover{background:var(--panel)}.side-link.active{background:var(--orange-soft);color:var(--orange)}.count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--orange);color:var(--white);font-size:12px;font-weight:700;line-height:20px;text-align:center}.side-foot{border-top:1px solid var(--line);padding:12px 4px 0}.side-user{display:flex;align-items:center;gap:10px}.side-user span{min-width:0}.side-user strong,.side-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user small{color:var(--grey-2);font-size:12px}.side-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:8px}.side-row .lang{margin:0;width:120px}.side-row .lang-button{height:36px}.side-row .lang-menu{width:120px}.content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;height:64px;padding:0 24px;background:var(--panel)}.topbar-logo{display:none}.grow{flex:1;min-width:0}.page{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:0 24px 40px}.tabbar{display:none}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--grey-1)}.icon-button:hover:not(:disabled){background:#b3b3b34d}.icon-button:disabled{color:var(--grey-3);cursor:default}.dot-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--red);color:var(--white);font-size:11px;font-weight:700;line-height:17px;text-align:center}.bell{position:relative}.bell-menu{position:absolute;right:0;top:44px;width:min(340px,calc(100vw - 32px));max-height:60vh;overflow-y:auto;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);z-index:40}.bell-menu h3{font-size:14px;padding:14px 16px 8px}.bell-menu li{padding:10px 16px;border-top:1px solid var(--line)}.bell-menu small{color:var(--grey-2);font-size:12px}.pad{padding:8px 16px 16px}.muted{color:var(--grey-1)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.stack{display:flex;flex-direction:column;gap:16px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-title{font-size:24px;line-height:32px;font-weight:800}.card-title{font-size:15px;font-weight:700;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--white);color:var(--ink);font-size:14px;font-weight:700;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--panel)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--orange);border-color:var(--orange);color:var(--white)}.btn.primary:hover:not(:disabled){background:#f06a12}.btn.ghost{border-color:transparent;background:transparent;color:var(--grey-1)}.btn.ghost:hover:not(:disabled){background:#b3b3b34d}.btn.danger{color:var(--red)}.btn.small{height:34px;padding:0 12px;font-size:13px}.btn.block{width:100%}.link{color:var(--orange);font-weight:700;font-size:13px}.row{display:flex;gap:8px;align-items:center}.row.center{justify-content:center}.row.wrap{flex-wrap:wrap}.chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;font-size:12px;font-weight:700;background:#eef0f4;color:var(--ink-2);white-space:nowrap}.chip.wait,.chip.status-pending,.chip.approval-pending{background:#fdf4e0;color:#a06f00}.chip.edit{background:var(--orange-soft);color:#c85400}.chip.auto{background:#e7f6fa;color:#0b7f99}.chip.ot{background:#fff4dc;color:#a06f00}.chip.status-working,.chip.status-normal,.chip.approval-approved{background:#e9f7e4;color:#3f8f28}.chip.status-late{background:#fdeee0;color:#c85400}.chip.status-absent,.chip.approval-rejected{background:#fde7e8;color:var(--red)}.chip.status-leave{background:#e7f6fa;color:#0b7f99}.mode-chip{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:24px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}.mode-chip.office{background:var(--orange-soft);color:#c85400}.mode-chip.wfh{background:#e7f6fa;color:#0b7f99}.mode-chip.offsite{background:#fff4dc;color:#a06f00}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 0;color:var(--grey-3)}.empty p{color:var(--grey-1)}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:13px;font-weight:700;color:var(--ink-2)}.field-hint{font-size:12px;color:var(--grey-2)}.field input,.field select,.field textarea,.date-input,.dept-select,.holiday-add input{width:100%;height:42px;padding:0 12px;border:1px solid var(--field-line);border-radius:var(--radius-md);background:var(--white);font-size:14px;outline:0}.field textarea{height:auto;padding:10px 12px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus,.date-input:focus,.dept-select:focus,.holiday-add input:focus{border-color:var(--orange)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-2 .float+.float{margin-top:0}.inline-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--grey-1)}.note-line{font-size:13px;color:var(--grey-1);line-height:1.6}.segmented{display:flex;padding:4px;gap:4px;background:#eef0f4;border-radius:10px}.segmented button{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 8px;border-radius:7px;font-size:13px;font-weight:700;color:var(--grey-1);white-space:nowrap}.segmented button.on{background:var(--white);color:var(--orange);box-shadow:0 1px 3px #1c243024}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.toggle-text{display:flex;flex-direction:column}.toggle-text small{color:var(--grey-2);font-size:12px}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;position:relative;width:42px;height:24px;margin:0;border-radius:12px;background:#d5d8de;cursor:pointer;transition:background .15s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--white);transition:transform .15s;box-shadow:0 1px 2px #0000004d}.toggle:checked{background:var(--orange)}.toggle:checked:after{transform:translate(18px)}.dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#1c243066}.dialog{display:flex;flex-direction:column;width:100%;max-width:460px;max-height:calc(100dvh - 32px);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.dialog.wide{max-width:620px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px 8px 20px}.dialog-head h2{font-size:17px;font-weight:800}.dialog-body{overflow-y:auto;padding:4px 20px 16px}.dialog-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--line)}.audit{border-top:1px solid var(--line);padding-top:12px}.audit h3{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:8px}.audit ul{display:flex;flex-direction:column;gap:10px}.audit-note{font-weight:700}.audit-meta{font-size:12px;color:var(--grey-2)}.toasts{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:120;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.toast{padding:10px 16px;border-radius:var(--radius-md);background:#20242d;color:var(--white);font-weight:700;box-shadow:var(--shadow-pop);animation:rise .2s ease-out}.toast.err{background:var(--red)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.banners{display:flex;flex-direction:column;gap:10px}.banners:not(:empty){margin-bottom:16px}.banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--white);border-left:4px solid var(--orange);box-shadow:var(--shadow)}.banner.red{border-left-color:var(--red)}.banner.blue{border-left-color:var(--cyan)}.banner-icon{flex:none;color:var(--orange);display:flex}.banner.red .banner-icon{color:var(--red)}.banner.blue .banner-icon{color:var(--cyan)}.banner-text{flex:1;min-width:0}.banner-text p{color:var(--grey-1);font-size:13px}.banner-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.home-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}.clock-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px}.hello{font-size:18px;font-weight:800}.date-line{color:var(--grey-2);font-size:14px}.big-time{font-size:54px;line-height:64px;font-weight:800;letter-spacing:1px;font-variant-numeric:tabular-nums;margin-top:6px}.status-pill{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;margin-top:8px;border-radius:15px;background:#eef0f4;color:var(--ink-2);font-weight:700;font-size:13px}.status-pill.on{background:#e9f7e4;color:#3f8f28}.status-pill.break{background:#fdf4e0;color:#a06f00}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.elapsed{margin-top:6px;font-size:18px;font-weight:700;color:var(--grey-1);font-variant-numeric:tabular-nums}.clock-card .segmented{width:100%;max-width:360px;margin-top:20px}.clock-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:168px;height:168px;margin-top:24px;border-radius:50%;background:var(--orange);color:var(--white);font-size:20px;font-weight:800;box-shadow:0 0 0 10px var(--orange-soft),0 14px 30px #ff792259;transition:transform .12s}.clock-button:active{transform:scale(.97)}.clock-button.out{background:#20242d;box-shadow:0 0 0 10px #e8eaee,0 14px 30px #20242d40}.clock-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px;min-height:42px}.area-line,.auto-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-size:13px;color:var(--grey-1)}.area-line.ok{color:#3f8f28}.auto-line{margin-top:6px}.home-side{display:flex;flex-direction:column;gap:16px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stack>.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles.wide,.stack>.tiles.wide{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.tile{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--white);border-radius:12px;box-shadow:var(--shadow);min-width:0}.tile span{font-size:12px;color:var(--grey-2)}.tile strong{font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile small{font-size:12px;color:#a06f00;font-weight:700}.timeline{display:flex;flex-direction:column;gap:10px}.timeline li{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.timeline-time{font-weight:700;font-variant-numeric:tabular-nums}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.choice{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:700;text-align:left}.choice:hover{border-color:var(--orange);background:var(--orange-soft)}.choice.small{min-height:44px;font-size:13px;justify-content:center;text-align:center;padding:4px 8px}.choice.on{border-color:var(--orange);background:var(--orange-soft);color:#c85400}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}.month-picker{display:flex;align-items:center;gap:4px}.month-picker strong{min-width:150px;text-align:center;font-size:15px}.day-list{display:flex;flex-direction:column;gap:10px}.day-card{padding:14px 16px}.day-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.day-hours{font-weight:800;font-variant-numeric:tabular-nums}.entry-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:8px;padding:8px 10px;border-radius:var(--radius-md);background:var(--panel);text-align:left}.entry-row:hover{background:#eef1f6}.entry-row.rejected .entry-time{text-decoration:line-through;color:var(--grey-3)}.entry-time{font-weight:700;font-variant-numeric:tabular-nums}.entry-edit{margin-left:auto;color:var(--grey-3)}.entry-note{flex:0 0 100%;display:flex;align-items:flex-start;gap:5px;font-size:12px;color:var(--grey-1);overflow-wrap:anywhere}.entry-note svg{flex:none;margin-top:3px}.rows{display:flex;flex-direction:column}.row-item{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.row-item:first-child{border-top:0}.rows.compact .row-item{padding:6px 0}.holiday-date{width:120px;color:var(--grey-1);font-size:13px}.team-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.team-card{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px}.team-text{min-width:0}.team-text .muted{font-size:12px}.presence{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:2px;font-size:13px;font-weight:700;color:var(--grey-2)}.presence small{font-weight:400;color:var(--grey-2)}.presence.working{color:#3f8f28}.presence.break{color:#a06f00}.presence.leave{color:#0b7f99}.team-actions{display:flex}.search-box{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid var(--field-line);border-radius:var(--radius-md);background:var(--white);color:var(--grey-2)}.search-box:focus-within{border-color:var(--orange)}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.list-card{padding:4px 0}.list-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;font-weight:700;text-align:left;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.list-row.danger{color:var(--red)}.report-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.report-controls .segmented{width:200px}.report-controls .date-input{width:170px}.report-controls .search-box{flex:1 1 200px}.report-controls .dept-select{width:170px}.table-card{padding:4px 0;overflow:hidden}.data{width:100%;border-collapse:collapse}.data th,.data td{padding:11px 14px;text-align:left;border-top:1px solid var(--line);white-space:nowrap}.data th{border-top:0;font-size:12px;color:var(--grey-2);font-weight:700}.data .num{text-align:right;font-variant-numeric:tabular-nums}.who a{display:inline-flex;align-items:center;gap:5px;font-weight:700}.who small{display:block;color:var(--grey-2);font-size:12px}.edited-mark{color:var(--orange)}.approval{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.approval .grow{flex:1 1 220px}.eyebrow{font-size:12px;font-weight:700;color:var(--orange)}.temp-note{font-weight:700;color:var(--ink-2);flex:1 1 100%}.section{padding:0}.section-head{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 16px;font-size:15px;font-weight:700;text-align:left}.section-icon{display:flex;color:var(--orange)}.section-caret{color:var(--grey-3);transition:transform .15s}.section.open .section-caret{transform:rotate(180deg)}.section-body{display:flex;flex-direction:column;gap:12px;padding:4px 16px 18px}.group-title{font-size:16px;font-weight:800;margin-top:10px}.sub-title{font-size:14px;font-weight:800}.inline-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.ok-text{color:#3f8f28}.day-picker{display:flex;gap:6px}.day-picker button{flex:1;height:38px;min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);font-size:13px;font-weight:700;color:var(--grey-1)}.day-picker button.on{background:var(--orange);border-color:var(--orange);color:var(--white)}.holiday-add{display:grid;grid-template-columns:160px 1fr auto;gap:8px}.golive{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.logout{align-self:center}.small-line{display:inline-flex;align-items:center;gap:4px;font-size:12px}.danger-text{color:var(--red)}.alert-line{padding:10px 12px;border-radius:var(--radius-md);background:#fde7e8;color:var(--red);font-size:13px;font-weight:700}.narrow-seg,.seg-wrap{width:240px;max-width:100%}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filters>select,.date-filter input{height:40px;padding:0 10px;border:1px solid var(--field-line);border-radius:var(--radius-md);background:var(--white);font-size:13px;outline:0;max-width:100%}.date-filter{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--grey-1)}.task-list{display:flex;flex-direction:column;gap:10px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-left:4px solid transparent}.task-row.overdue,.kanban-card.overdue{border-left-color:var(--red)}.task-row-main{display:flex;flex-direction:column;gap:4px;min-width:0}.task-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.task-title{font-weight:700;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.task-chips{display:flex;flex-wrap:wrap;gap:5px}.deadline{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--grey-1);white-space:nowrap}.deadline.late{color:var(--red);font-weight:700}.assignees{display:inline-flex;align-items:center;gap:2px}.task-meta{display:inline-flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--grey-2)}.task-meta span{display:inline-flex;align-items:center;gap:3px}.task-meta .blocked{color:var(--red)}.chip.task-todo{background:#eef0f4;color:var(--ink-2)}.chip.task-inprogress{background:#e7f6fa;color:#0b7f99}.chip.task-review{background:#fdf4e0;color:#a06f00}.chip.task-done,.chip.project-active{background:#e9f7e4;color:#3f8f28}.chip.project-onhold{background:#fdf4e0;color:#a06f00}.chip.prio-urgent{background:var(--red);color:var(--white)}.chip.prio-high{background:#fde7e8;color:var(--red)}.chip.prio-medium{background:#fff4dc;color:#a06f00}.chip.prio-low{background:#eef0f4;color:var(--grey-1)}.chip.project,.chip.category{background:var(--orange-soft);color:#c85400;max-width:180px;overflow:hidden;text-overflow:ellipsis}.chip.kind-problem{background:#fde7e8;color:var(--red)}.chip.kind-progress{background:#e7f6fa;color:#0b7f99}.chip.kind-idea{background:#fff4dc;color:#a06f00}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.open-card,.project-card{display:flex;flex-direction:column;gap:6px;padding:16px}.open-desc{font-size:13px;color:var(--grey-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.open-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.progress{height:8px;border-radius:4px;background:#eef0f4;overflow:hidden}.progress span{display:block;height:100%;border-radius:4px;background:var(--orange)}.project-progress{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.kanban-col{display:flex;flex-direction:column;gap:8px;min-height:200px;padding:10px;border-radius:12px;background:#eef1f6;scroll-snap-align:start}.kanban-col.over{outline:2px dashed var(--orange);outline-offset:-2px}.kanban-col h2{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;color:var(--ink-2);padding:2px 4px}.kanban-col h2 span{font-size:12px;color:var(--grey-2)}.kanban-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:var(--white);box-shadow:0 1px 2px #1c243014;border-left:3px solid transparent}.kanban-card[draggable=true]{cursor:grab}.kanban-card .task-title{font-size:14px}.kanban-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.kanban-move{display:none}.task-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:16px;align-items:start}.card-title.spaced{margin-top:16px}.spaced-top{margin-top:10px}.facts{display:flex;flex-direction:column;gap:12px}.fact{display:flex;align-items:center;justify-content:space-between;gap:10px}.fact>span:first-child{font-size:12px;color:var(--grey-2)}.fact select{height:36px;padding:0 8px;border:1px solid var(--field-line);border-radius:var(--radius-md);background:var(--white);font-size:13px}.fact.column{flex-direction:column;align-items:flex-start;gap:6px}.person{display:inline-flex;align-items:center;gap:8px;font-weight:700}.check-line{display:flex;align-items:flex-start;gap:8px;padding:5px 0;cursor:pointer}.check-line input{margin-top:4px;accent-color:var(--orange)}.check-line.done span{color:var(--grey-3);text-decoration:line-through}.check-edit{display:flex;align-items:center;gap:6px;padding-left:8px;border-radius:var(--radius-md);background:var(--panel)}.pick-list{display:flex;flex-wrap:wrap;gap:6px}.pick{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 10px;border:1px solid var(--line);border-radius:17px;font-size:13px;cursor:pointer}.pick input{accent-color:var(--orange)}.pick.on{border-color:var(--orange);background:var(--orange-soft);color:#c85400}.file-row{display:flex;align-items:center;gap:8px;min-height:38px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments{display:flex;flex-direction:column;gap:14px}.comments li{display:flex;gap:10px}.comment-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.comment-box{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.comment-box textarea{width:100%;padding:10px 12px;border:1px solid var(--field-line);border-radius:var(--radius-md);outline:0;resize:vertical}.comment-box textarea:focus{border-color:var(--orange)}.kind-row{display:flex;flex-wrap:wrap;gap:6px}.kind-row button{height:28px;padding:0 10px;border-radius:14px;background:#eef0f4;font-size:12px;font-weight:700;color:var(--grey-1)}.kind-row button.on{background:var(--orange);color:var(--white)}.history{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;font-size:13px}.dep-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.dep-list li{display:flex;align-items:center;justify-content:space-between;gap:8px}.dep-list a{font-weight:700}.card-title svg{display:inline;vertical-align:-2px}.pad-title{padding:12px 14px 4px;margin:0}.table-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.table-head .card-title{margin:0}.bar-cell{min-width:120px}.bar-cell small{font-size:11px;color:var(--grey-2)}.link-button{font-weight:700;text-align:left}.holiday-add.two{grid-template-columns:1fr auto}.project-pick{display:flex;flex-direction:column;gap:4px;width:100%;max-width:360px;margin-top:12px;text-align:left}.project-pick span{font-size:12px;font-weight:700;color:var(--ink-2)}.project-pick select{height:42px;padding:0 10px;border:1px solid var(--field-line);border-radius:var(--radius-md);background:var(--white);font-size:14px}.project-pick.error select{border-color:var(--red)}.project-hint{margin-top:12px}.entry-note.ot{color:#a06f00}.pay-lines{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;color:var(--grey-1)}.ot-missing{margin-left:6px}.kiosk-projects{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-height:55%;overflow-y:auto}.kiosk-projects .btn{color:var(--ink)}.kiosk-cancel{color:#ffffffb3}.bell-menu a{font-weight:700}.phone-access{display:flex;flex-direction:column;gap:14px}.phone-warn{display:flex;gap:8px;padding:10px 12px;border-radius:var(--radius-md);background:#fdf4e0;color:#7a5500;font-size:13px;line-height:1.6}.phone-warn svg{flex:none;margin-top:2px}.phone-qr-row{display:flex;align-items:center;gap:16px}.qr{flex:none;width:148px;height:148px;border:1px solid var(--line);border-radius:var(--radius-md)}.phone-qr-text{display:flex;flex-direction:column;gap:8px;min-width:0}.phone-url{font-size:13px;color:var(--grey-1);overflow-wrap:anywhere}.phone-steps-title{display:flex;align-items:center;gap:6px}.phone-steps{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:0;font-size:13px;line-height:1.6}.phone-steps dt{font-weight:700}.phone-steps dd{margin:0;color:var(--grey-1)}@media(max-width:479px){.phone-qr-row{flex-direction:column;align-items:flex-start}}.face-consent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding-bottom:16px}.face-consent .check{margin:0;padding:0}.face-stage{position:relative;width:100%;aspect-ratio:4 / 3;background:#20242d;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.face-stage.done{background:#f4fbf1}.face-stage video,.kiosk-stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-oval{position:absolute;top:12%;bottom:12%;left:50%;aspect-ratio:3 / 4;transform:translate(-50%);border:3px solid #ffffffd9;border-radius:50%;box-shadow:0 0 0 200vmax #00000059}.face-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;color:var(--white);text-align:center}.face-message{margin-top:12px;text-align:center;font-weight:700;min-height:21px}.face-error{margin-top:12px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;color:var(--red)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kiosk{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0,#1c2228,#0d1013 70%);color:var(--white)}.kiosk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px}.kiosk-tools{display:flex;align-items:center;gap:16px}.kiosk-tools .lang{margin:0;width:110px}.kiosk-tools .lang-button{height:36px;border-bottom-color:#ffffff40}.kiosk-tools .lang-menu{width:110px;color:var(--ink);top:100%;bottom:auto}.kiosk-tools .lang-caret{border-top-color:#fff}.kiosk-exit{font-size:13px;color:#ffffffb3}.kiosk-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 16px 32px;text-align:center}.kiosk-date{color:#ffffffa6}.kiosk-time{font-size:56px;line-height:66px;font-weight:800;font-variant-numeric:tabular-nums}.kiosk h1{margin-top:12px;font-size:22px;font-weight:800}.kiosk-lead{color:#ffffffa6}.kiosk-message{margin-top:40px;color:#ffffffa6}.kiosk-stage{position:relative;width:min(560px,100%);aspect-ratio:4 / 3;margin-top:20px;background:#0006;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.kiosk-result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;background:#0d1013eb;color:var(--white)}.kiosk-result strong{font-size:22px}.kiosk-result p{font-size:18px}.kiosk-result.in svg{color:var(--green)}.kiosk-result.out svg{color:var(--orange)}.kiosk-result.unknown svg,.kiosk-result.outside svg{color:#ff6b6b}@media(max-width:1023px){.home-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:1023px){.task-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.kanban-move{display:block;height:34px;padding:0 6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);font-size:12px}.kanban{grid-template-columns:repeat(4,minmax(78vw,1fr))}.task-row{flex-direction:column;align-items:stretch}.task-row-side{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.filters>select,.date-filter{flex:1 1 45%;min-width:0}.date-filter input{flex:1;min-width:0;width:100%}.seg-wrap,.narrow-seg{width:100%}.bar-cell{min-width:0}.bar-cell .progress{flex:1}.side{display:none}.topbar{height:56px;padding:0 12px 0 16px;background:var(--white);border-bottom:1px solid var(--line)}.topbar-logo,.topbar-mode{display:block}.page{padding:16px 12px calc(84px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:var(--white);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab-link{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:62px;font-size:11px;font-weight:700;color:var(--grey-2)}.tab-link.active{color:var(--orange)}.tab-link .dot-badge{right:calc(50% - 22px);top:4px}.stack>.tiles,.stack>.tiles.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.banner{flex-wrap:wrap}.banner-actions{width:100%;justify-content:flex-start}.big-time{font-size:46px;line-height:54px}.home-side .tile{padding:12px}.home-side .tile strong{font-size:15px;white-space:normal;overflow:visible}.data thead{display:none}.data,.data tbody,.data tr,.data td{display:block;width:100%}.data tr{padding:8px 16px;border-top:1px solid var(--line)}.data tr:first-child{border-top:0}.data td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 0;border-top:0;white-space:normal;text-align:right}.data td:before{content:attr(data-label);color:var(--grey-2);font-size:12px;text-align:left}.data td.who{display:block;text-align:left;padding-bottom:6px}.data td.who:before{content:none}.report-controls .segmented,.report-controls .date-input,.report-controls .search-box,.report-controls .dept-select,.report-controls .month-picker{width:100%;flex:1 1 100%;justify-content:center}.team-list,.grid-2{grid-template-columns:minmax(0,1fr)}.dialog-layer{align-items:flex-end;padding:0}.dialog{max-width:none;border-radius:16px 16px 0 0;max-height:92dvh}.dialog-foot{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.toasts{bottom:calc(76px + env(safe-area-inset-bottom))}.holiday-add{grid-template-columns:minmax(0,1fr)}.kiosk-time{font-size:44px;line-height:54px}}body{font-size:15px;line-height:1.55}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink)}.brand-text{display:inline-flex;flex-direction:column;gap:3px}.brand-name{font-size:26px;line-height:1;font-weight:600;letter-spacing:-.01em}.brand small{color:var(--grey-1);font-size:9.5px;line-height:1;font-weight:400;letter-spacing:.01em;white-space:nowrap}.brand.dark small{color:#ffffffa6}.brand.dark{color:var(--white)}.brand img{width:28px;height:32px}.brand sup{position:relative;top:-.8em;margin:0 .03em;font-size:.56em;line-height:0;vertical-align:baseline}.topbar-logo .brand small{display:none}.topbar-logo .brand img{width:24px;height:27px}.topbar-logo .brand-name{font-size:23px}.shell,.topbar{background:var(--white)}.shell{--accent: var(--orange)}.shell[data-mode=work]{--accent: var(--mode-work)}.side{flex-basis:224px;background:var(--panel)}.side-logo{padding:2px 10px 18px}.side-link{height:38px;padding:0 10px;border-radius:6px;font-weight:500;color:var(--ink-2)}.side-link:hover{background:var(--hover)}.side-link.active,.shell[data-mode=work] .side-link.active{background:var(--selected);color:var(--ink)}.side-link.active svg{color:var(--accent)}.count,.shell[data-mode=work] .side-link .count{background:none;color:var(--grey-1);font-weight:600;padding:0}.mode-switch{background:var(--selected);border-radius:7px}.mode-switch a{border-radius:5px;font-weight:500;color:var(--grey-1)}.mode-switch a.on,.mode-switch a.work.on{background:var(--white);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.mode-switch a.on svg{color:var(--accent)}.side-user strong{font-weight:500}.page{padding-top:8px}.page-title{font-size:22px;line-height:30px;font-weight:600}.card-title{font-size:15px;font-weight:600}.card-title svg{color:var(--grey-2)}.work-section h2,.dialog-head h2,.kanban-col h2{font-weight:600}.card{border:1px solid var(--line);padding:18px}.card.task-row{padding:13px 14px}.task-list{gap:8px}a.card.task-row:hover{background:var(--panel)}.task-row.overdue,.kanban-card.overdue{border-left:1px solid var(--line)}.kanban-col{background:var(--panel);border-radius:8px}.kanban-card{border:1px solid var(--line);border-radius:7px}.progress{height:6px}.btn{height:40px;border-radius:6px;border-color:var(--field-line);font-weight:500}.btn.primary{font-weight:600}.btn.primary:hover:not(:disabled){background:var(--orange-dark);border-color:var(--orange-dark)}.btn.ghost:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--hover)}.segmented{background:var(--selected);border-radius:7px;padding:3px;gap:2px}.segmented button{border-radius:5px;font-weight:500}.segmented button.on{color:var(--ink);box-shadow:0 0 0 1px var(--line)}.chip{height:20px;padding:0 7px;border-radius:4px;font-weight:500;background:var(--selected)}.st-todo{--st: var(--st-todo);--st-bg: var(--st-todo-bg)}.st-inprogress{--st: var(--st-progress);--st-bg: var(--st-progress-bg)}.st-review{--st: var(--st-review);--st-bg: var(--st-review-bg)}.st-done{--st: var(--st-done);--st-bg: var(--st-done-bg)}.chip.task-todo{background:var(--st-todo-bg);color:var(--st-todo)}.chip.task-inprogress{background:var(--st-progress-bg);color:var(--st-progress)}.chip.task-review{background:var(--st-review-bg);color:var(--st-review)}.chip.task-done{background:var(--st-done-bg);color:var(--st-done)}.chip[class*=prio-]{gap:3px;padding:0 2px;background:none}.chip.prio-urgent{color:var(--red);font-weight:600}.chip.prio-high{color:var(--orange)}.chip.prio-medium{color:var(--st-review)}.chip.prio-low{color:var(--grey-2)}.kanban-col[class*=st-]{background:var(--st-bg);border-top:3px solid var(--st)}.kanban-col[class*=st-] h2,.kanban-col[class*=st-] h2 span{color:var(--st)}.kanban-col.over{outline-color:var(--st)}select.kanban-move,select.status-select{background-color:var(--st-bg);border-color:transparent;color:var(--st);font-weight:500}.tile[class*=st-] span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--st)}.progress span{background:var(--st-done)}img.avatar{object-fit:cover}.profile-photo{display:flex;align-items:center;gap:14px}.stack-tight{display:flex;flex-direction:column;gap:6px;min-width:0}.who-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.who-list{display:flex;flex-direction:column;gap:10px}.who-row{display:flex;align-items:center;gap:10px;min-width:0}.who-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-meta{display:flex;align-items:center;gap:8px;flex:none}.who-meta small{color:var(--grey-2);font-size:12px;font-variant-numeric:tabular-nums}.who-all{display:inline-block;margin-top:12px}.who-group{display:flex;align-items:center;gap:7px;margin-bottom:12px;font-size:15px;font-weight:500}.who-group>span:last-child{color:var(--grey-2);font-weight:400}.who-group.working .status-dot{color:var(--st-done)}.who-group.break .status-dot{color:var(--st-review)}.who-group.idle .status-dot{color:var(--grey-3)}.who-out{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--grey-1)}.who-out li{display:inline-flex;align-items:center;gap:6px}.field-label,.link{font-weight:500}.banner{border:1px solid var(--tint-orange-line);border-radius:8px;background:var(--tint-orange)}.banner.red{border-color:var(--tint-red-line);background:var(--tint-red)}.banner.blue{border-color:var(--tint-blue-line);background:var(--tint-blue)}.banner.blue .banner-icon{color:var(--mode-work)}.banner-text strong{font-weight:600}.banners.after{margin:16px 0 0}.tiles{gap:12px 24px;padding:2px 0 14px;border-bottom:1px solid var(--line)}.tile,a.tile{padding:0;background:none;border-radius:0}a.tile:hover span{color:var(--ink);text-decoration:underline}.tile span{font-size:13px;color:var(--grey-1)}.tile strong{font-size:22px;line-height:30px;font-weight:600;font-variant-numeric:tabular-nums}.clock-card{align-items:stretch;text-align:left;padding:20px}.clock-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.date-line{color:var(--grey-1)}.status-pill,.status-pill.on,.status-pill.break{height:auto;margin:0;padding:0;background:none;font-weight:500}.big-time{margin:2px 0 14px;font-size:68px;line-height:78px;font-weight:500;letter-spacing:-.02em}.clock-digit{display:inline-block;width:.68em;text-align:center}.clock-sep{display:inline-block;width:.34em;text-align:center}.elapsed{margin:-10px 0 14px;font-size:15px;font-weight:500}.note-line{margin-bottom:10px}.clock-card .segmented{max-width:none;margin:0}.clock-button{flex-direction:row;gap:10px;width:100%;height:60px;margin-top:16px;border-radius:8px;font-size:18px;font-weight:600;box-shadow:none}.clock-button:hover{background:var(--orange-dark)}.clock-button.out,.clock-button.out:hover{background:var(--ink);box-shadow:none}.clock-actions{margin-top:8px;min-height:0}.clock-actions:empty{display:none}.clock-actions .btn{width:100%}.area-line,.auto-line{justify-content:flex-start;margin-top:12px}.home-side{gap:18px}@media(min-width:1024px){.home-grid{grid-template-columns:400px minmax(0,1fr);gap:28px}}.dialog-layer{background:#1d1c1a59}.dialog{border-radius:10px}.toast{border-radius:6px;background:var(--ink);font-weight:500}.kiosk{background:#141311}.kiosk-head{padding-top:calc(18px + env(safe-area-inset-top))}@media(min-width:768px)and (max-width:1023px){.side{flex-basis:196px}.page{padding-left:20px;padding-right:20px}}@media(max-width:767px){body{overscroll-behavior-y:none}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.topbar{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border-bottom-color:var(--line)}.page{padding:14px 16px calc(84px + env(safe-area-inset-bottom))}.page-title{font-size:20px;line-height:28px}.btn{height:44px}.btn.small{height:38px}.icon-button{width:44px;height:44px}.mode-switch a{min-height:34px;padding:0 9px}.tab-link{font-weight:500}.tab-link.active,.shell[data-mode=work] .tab-link.active{color:var(--accent)}.stack>.tiles,.stack>.tiles.wide{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}.home-side .tile{padding:0}.tile strong{font-size:19px;line-height:26px}.card{padding:15px}.clock-card{padding:0;border:0}.big-time{font-size:60px;line-height:70px}.kanban{scroll-snap-type:x mandatory}.kanban-col{scroll-snap-align:start}.dialog-layer{align-items:flex-end;padding:0}.dialog,.dialog.wide{max-width:none;max-height:92dvh;border-radius:14px 14px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:sheet-up .22s ease-out}.toasts{bottom:calc(76px + env(safe-area-inset-bottom))}}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}}