:root{color-scheme:dark;--bg:#05060a;--panel:#0e121c;--panel2:#151c2b;--border:#262e3e;--text:#f5f7fa;--muted:#a0a9ba;--accent:#7db9ff;--accent-soft:#172c47;--blue:#8bc1ff;--danger:#ff9a9a;--radius:16px;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;font-synthesis:none;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input,select,textarea{border:1px solid #35405a;background:#0a1020;color:var(--text);border-radius:9px;padding:11px 13px;min-height:44px;width:100%}select{cursor:pointer}input[type=checkbox],input[type=radio]{width:18px;min-height:18px;accent-color:var(--accent)}input[type=date],input[type=month],input[type=time]{color-scheme:dark}textarea{resize:vertical;min-height:100px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.35;letter-spacing:.02em}h2{font-size:20px;line-height:1.5}h3{font-size:18px}p{color:var(--muted)}small{font-size:13px}strong{font-weight:650}.icon{display:inline-flex;justify-content:center;align-items:center;width:24px;font-size:22px;line-height:1;flex-shrink:0}.app-shell{display:flex;min-height:100dvh}.sidebar{position:fixed;width:244px;inset:0 auto 0 0;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:35px 20px 20px;background:#080b12;z-index:20}.brand{display:flex;gap:12px;align-items:center;font-size:20px;letter-spacing:.09em;font-weight:800;padding-left:8px}.brand-mark{background:var(--accent);color:var(--bg);width:39px;height:39px;border-radius:10px;font-size:26px;display:grid;place-items:center;font-weight:900;line-height:1}.brand small{display:block;color:var(--muted);font-size:12px;letter-spacing:.16em;font-weight:400;margin-top:1px}.base-tag{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;display:flex;align-items:center;gap:7px;color:var(--accent);margin:33px 8px 30px}.base-tag>span:last-child{margin-left:auto;color:var(--muted);font-family:inherit;font-size:11px}.online-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.nav-label{font-size:12px;letter-spacing:.12em;color:#708491;margin:0 14px 10px}.nav-item{border:0;background:none;border-radius:10px;display:flex;align-items:center;gap:12px;padding:14px;width:100%;text-align:left;font-size:15px;color:#9fadb8;margin-bottom:6px}.nav-item:hover{background:#151c2b;color:var(--text)}.nav-item.active{background:#152942;color:var(--accent);font-weight:650}.nav-item .icon{font-size:25px}.nav-count{font-size:11px;border:1px solid #364258;min-width:22px;text-align:center;border-radius:5px;margin-left:auto}.sidebar-footer{margin-top:auto;padding-top:32px}.demo-card{padding:17px 14px;background:#111725;border:1px solid #293248;border-radius:12px}.micro-label{font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;font-size:11px;color:var(--muted)}.demo-card strong{font-size:12px;display:block;margin-top:8px;color:#c4d0d8}.demo-card p{font-size:12px;line-height:1.8;margin-top:5px}.sidebar-user{margin:19px 7px 0;display:flex;gap:12px;align-items:center}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:14px}.sidebar-user small{font-size:12px;color:var(--muted)}.avatar{width:46px;height:46px;display:inline-grid;place-items:center;background:#172741;border:1px solid #314970;border-radius:14px;font-size:28px;flex-shrink:0}.avatar.blue{background:#263843;border-color:#3c505d}.avatar.orange{background:#3a3024;border-color:#544536}.avatar.pink{background:#392c3b;border-color:#514055}.avatar.small{width:38px;height:38px;border-radius:11px;font-size:23px}.avatar.large{width:75px;height:75px;border-radius:19px;font-size:48px}.content-shell{width:calc(100% - 244px);margin-left:244px}.topbar{height:86px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}.topbar-left{display:flex;align-items:center}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb strong{color:#c5cfd6;margin-left:8px;font-weight:500}.topbar-right{display:flex;align-items:center;gap:19px}.demo-label{border:1px solid #2a4268;border-radius:5px;background:#10213b;color:#a9cfff;padding:4px 9px;font-size:11px}.account-switch{display:flex;align-items:center;gap:9px}.account-switch>span{font-size:12px;color:var(--muted);white-space:nowrap}.account-switch select{font-size:12px;background:#151c2b;border-color:#2d3c47;padding:8px 28px 8px 10px;width:195px;min-height:36px;border-radius:7px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;width:38px;height:38px;background:none;font-size:25px;position:relative}.icon-button:hover{background:var(--panel2)}.notice-button .icon{font-size:27px;transform:rotate(180deg)}.notice-button i{width:6px;height:6px;border-radius:50%;position:absolute;right:8px;top:7px;background:var(--accent)}.mobile-toggle{display:none}main{padding:33px 40px 24px;max-width:1500px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}.eyebrow{font-family:ui-monospace,SFMono-Regular,monospace;color:var(--muted);font-size:11px;letter-spacing:.18em;display:block;margin-bottom:6px}.page-date{font-size:13px;color:#cad3d9;text-align:right}.page-date span{display:block;font-size:11px;color:#708695;margin-top:4px}.welcome-panel{border:1px solid #2e3e60;border-radius:var(--radius);background:linear-gradient(115deg,#14223e 0%,#0d1424 66%,#121b31 100%);display:grid;grid-template-columns:1.5fr 1fr;gap:28px;padding:30px 34px;position:relative;overflow:hidden}.welcome-kicker{font-size:12px;letter-spacing:.04em;color:#a4bddb;display:flex;align-items:center;gap:9px;margin-bottom:13px}.welcome-copy h2{font-size:29px;letter-spacing:.025em;font-weight:650}.welcome-copy p{font-size:14px;color:#a4b4cf;margin-top:9px}.welcome-actions{display:flex;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #3b4a55;border-radius:9px;padding:10px 17px;background:transparent;font-size:14px;font-weight:600;min-height:43px;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{background:#26333e}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06080f}.btn.primary:hover{background:#9bcaff}.btn.danger{background:#3e2429;color:#ffb7b7;border-color:#664047}.btn.danger:hover{background:#54303a}.btn.text{border:0;background:none;padding:4px 0;color:var(--accent);font-size:13px;min-height:32px}.btn.small{font-size:12px;padding:6px 12px;min-height:34px}.crew-pass{background:#0c1428;border:1px solid #2e4266;padding:17px 22px;border-radius:13px;transform:rotate(2deg);align-self:center;max-width:328px;justify-self:end;width:100%;box-shadow:0 12px 30px #0b141733}.crew-pass-person{display:flex;gap:15px;align-items:center;margin:12px 0 17px}.crew-pass-person strong{display:block;font-size:21px}.crew-pass-person span:not(.avatar){font-size:12px;color:var(--muted);display:block;margin-top:4px}.pass-detail{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.pass-detail strong{color:#d2ddf4;font-size:12px}.pass-level{margin-left:auto;font-family:ui-monospace,monospace;color:var(--accent);font-size:13px}.pass-line{border-top:1px dashed #304362;margin-top:13px}.pass-bottom{display:flex;justify-content:space-between;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.13em;margin-top:10px;color:#839cc5}.pass-bottom span:last-child{color:var(--accent);font-size:13px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stat{padding:23px 25px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.stat-label{font-size:13px;color:#b6c4ce;display:flex;justify-content:space-between;align-items:center}.stat-label .icon{color:#71899a}.stat-value{font-family:ui-monospace,SFMono-Regular,monospace;font-size:39px;font-weight:600;line-height:1.4;margin:9px 0 6px;letter-spacing:-.045em}.stat-value span{font-family:inherit;font-size:13px;letter-spacing:0;font-weight:400;margin-left:9px;color:var(--muted)}.stat-value.money{font-size:34px;letter-spacing:-.025em}.stat-note{font-size:11px;color:#8c9eaa;display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap}.mini-pill{font-size:10px;border:1px solid #32445f;border-radius:4px;color:#aac4e6;padding:2px 6px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}.panel-head{padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head p{font-size:12px;margin-top:4px}.panel-head h2{font-size:18px}.leave-plan-list{padding:0 25px 12px}.leave-plan{display:flex;align-items:center;width:100%;gap:16px;padding:17px 0;background:none;border:0;border-top:1px solid var(--border);text-align:left}.leave-plan:hover .leave-plan-body strong{color:var(--accent)}.date-tile{background:#1b2933;border:1px solid #33424d;width:58px;height:66px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.date-tile span{font-size:10px;color:var(--muted)}.date-tile strong{font-family:ui-monospace,monospace;font-size:24px;line-height:1.2;margin-top:3px}.leave-plan-body{flex:1;min-width:0}.leave-plan-body strong{font-size:14px;display:block}.leave-plan-body span{font-size:12px;color:var(--muted);display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;border:1px solid #3a4652;border-radius:5px;padding:3px 8px;font-size:11px;white-space:nowrap;color:#aebcc7;line-height:1.5}.badge.green{background:#203429;border-color:#39563a;color:#bbd6a7}.badge.orange{background:#352d22;border-color:#514335;color:#e8c292}.badge.blue{background:#1e3340;border-color:#314d60;color:#a5d4ef}.badge.red{background:#38282e;border-color:#61454a;color:#f4b6b6}.activity-teaser{padding-bottom:25px;position:relative}.activity-teaser .panel-head{padding-bottom:12px}.teaser-art{height:71px;margin:4px 25px 12px;border:1px dashed #304267;background:#111e35;border-radius:9px;display:flex;justify-content:center;align-items:center;gap:19px;color:var(--accent)}.teaser-art span:first-child{font-size:36px;transform:rotate(-15deg)}.teaser-art span:nth-child(2){font-size:26px;font-weight:800;letter-spacing:.2em;font-family:ui-monospace,monospace;transform:rotate(-3deg)}.teaser-art span:last-child{font-size:30px}.activity-teaser>h3,.activity-teaser>p,.activity-teaser>.btn{margin-left:25px;margin-right:25px}.activity-teaser h3{font-size:15px}.activity-teaser>p{font-size:12px;margin-top:6px;margin-bottom:17px}.base-route{margin-top:28px}.base-route-items{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:13px}.base-route-items button{border:0;border-right:1px solid var(--border);padding:20px 25px;background:#0b1220;text-align:left;transition:background .2s}.base-route-items button:last-child{border:0}.base-route-items button:hover{background:#14203a}.base-route-items button>span{display:block;font-size:10px;color:#7e96a7;font-family:ui-monospace,monospace;letter-spacing:.08em}.base-route-items strong{display:flex;align-items:center;gap:7px;font-size:14px;margin:8px 0 5px}.base-route-items .icon{color:var(--accent);font-size:22px}.base-route-items small{color:var(--muted);font-size:11px}.page-footer{display:flex;justify-content:space-between;gap:20px;margin:0 40px 0;padding:25px 0;border-top:1px solid var(--border);font-size:10px;letter-spacing:.06em;color:#667f90}.page-footer b{color:var(--accent);padding:0 7px}.page-footer>span:last-child{font-family:ui-monospace,monospace}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:37px 24px;gap:10px;text-align:center}.empty-symbol{font-size:36px;color:var(--accent)}.empty-state strong{font-size:16px}.empty-state p{font-size:13px}.empty-state .btn{margin-top:5px}.modal{background:#111827;color:var(--text);border:1px solid #3f505b;border-radius:18px;padding:0;max-width:560px;width:calc(100% - 32px);max-height:90dvh;box-shadow:0 30px 100px #0008}.modal.wide{max-width:850px}.modal::backdrop{background:#060c13bf;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#111827;z-index:1}.modal-head h2{font-size:20px}.modal-head p{font-size:12px;margin-top:4px}.modal-body{padding:24px 26px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--border);padding:18px 26px}.notice-list{padding:6px 26px 20px}.notice-list article{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--border)}.notice-list article:last-child{border:0}.notice-icon{color:var(--accent);font-size:26px}.notice-list strong{font-size:14px}.notice-list p{font-size:13px;margin:5px 0}.notice-list small{font-size:11px;color:#7590a2}#toast{position:fixed;bottom:25px;left:calc(50% + 122px);transform:translateX(-50%) translateY(20px);max-width:min(620px,calc(100vw - 32px));padding:14px 22px;border-radius:11px;background:#b7d8ff;color:#152745;box-shadow:0 5px 30px #0005;font-size:14px;font-weight:500;z-index:100;opacity:0;visibility:hidden;transition:.2s;pointer-events:none}#toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}#toast.error{background:#f6b8b8;color:#4c2020}
@media(min-width:1600px){main{padding-top:40px}.welcome-panel{padding:35px 40px}.welcome-copy h2{font-size:34px}.crew-pass{max-width:350px}}
@media(max-width:1180px){.sidebar{width:210px;padding-inline:15px}.content-shell{width:calc(100% - 210px);margin-left:210px}main{padding:28px}.topbar{padding:0 28px}.welcome-panel{padding:25px;grid-template-columns:1.3fr 1fr;gap:18px}.welcome-copy h2{font-size:25px}.crew-pass{padding:14px 16px}.avatar.large{width:60px;height:60px;font-size:36px}.stats-row{gap:12px}.stat{padding:20px}.stat-value.money{font-size:29px}.stat-note .mini-pill{display:none}.panel-head{padding:20px}.leave-plan-list{padding-inline:20px}.page-footer{margin-inline:28px}#toast{left:calc(50% + 105px)}}
@media(max-width:950px){.topbar-right{gap:10px}.demo-label{display:none}.account-switch>span{display:none}.dashboard-grid{grid-template-columns:1fr 1fr}.welcome-copy p{max-width:220px}.crew-pass-person{gap:10px}.crew-pass-person strong{font-size:18px}.crew-pass .micro-label{font-size:9px}.base-route-items button{padding:16px}.leave-plan{flex-wrap:wrap;gap:12px}.leave-plan .badge{margin-left:70px}.stat-value.money{font-size:25px}.stat-value{font-size:34px}}
@media(max-width:760px){.sidebar{display:none}.sidebar.mobile-open{display:flex;width:244px;box-shadow:0 0 0 100vmax #0009}.content-shell{width:100%;margin-left:0}.topbar{height:72px;padding:0 18px;gap:10px;position:sticky;top:0;background:#05060af2;z-index:15;backdrop-filter:blur(10px)}.topbar-left{gap:10px}.breadcrumb{font-size:11px}.mobile-toggle{display:flex;width:32px;height:32px;font-size:19px}.account-switch select{width:174px;font-size:11px;min-height:34px;padding-left:7px}.topbar-right{gap:8px}.notice-button{width:32px;height:32px}.notice-button .icon{font-size:22px}main{padding:23px 18px}.page-heading{margin-bottom:20px}.page-date{font-size:11px}.page-date span{font-size:10px}h1{font-size:26px}.eyebrow{font-size:10px}.welcome-panel{grid-template-columns:1fr;gap:24px;padding:25px}.welcome-copy h2{font-size:27px}.welcome-copy p{max-width:none;font-size:13px}.crew-pass{max-width:none;justify-self:stretch;transform:rotate(0deg)}.crew-pass-person{margin:9px 0 12px}.crew-pass-person strong{font-size:20px}.crew-pass-person .avatar.large{width:56px;height:56px;font-size:35px}.pass-line,.pass-bottom{display:none}.crew-pass .micro-label{font-size:10px}.pass-detail{position:absolute;bottom:22px;right:22px;flex-direction:column;align-items:flex-end;gap:0}.pass-detail>span:first-child{display:none}.pass-level{font-size:12px}.stats-row{grid-template-columns:1fr;gap:10px;margin:16px 0}.stat{padding:16px 20px;position:relative}.stat-value,.stat-value.money{font-size:29px;margin:4px 0}.stat-label .icon{position:absolute;right:20px;top:35px;font-size:30px}.stat-note{font-size:11px;justify-content:flex-start;gap:12px}.stat-note .mini-pill{display:inline-block}.dashboard-grid{grid-template-columns:1fr;gap:16px}.leave-plan{flex-wrap:nowrap}.leave-plan .badge{margin-left:0}.base-route-items{grid-template-columns:1fr}.base-route-items button{border-right:0;border-bottom:1px solid var(--border);padding:18px 22px}.base-route-items button:last-child{border:0}.page-footer{margin:0 18px;padding:20px 0;font-size:9px}.page-footer>span:last-child{display:none}.modal-head{padding:20px}.modal-body{padding:20px}.modal-actions{padding:16px 20px}.modal{max-height:92dvh}#toast{left:50%;bottom:16px;font-size:13px}.welcome-actions .btn{flex:1;padding-inline:10px}}
@media(max-width:390px){.breadcrumb{display:none}.account-switch select{width:181px}.topbar-right{gap:11px}.welcome-copy h2{font-size:24px}.welcome-panel{padding:20px}.page-date span{display:none}.leave-plan .badge{display:none}.pass-detail{right:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{body{background:white!important;color:#111!important}.sidebar,.topbar,.page-heading,.page-footer,.modal-head .icon-button,.modal-actions,#toast{display:none!important}.content-shell{margin:0;width:100%}main{padding:0}.modal{position:static;border:0;max-height:none;width:100%;max-width:none;box-shadow:none;background:white;color:#111}.modal::backdrop{background:white}body:has(dialog[open]) #app{display:none}.badge{border-color:#bbb;color:#333}.panel{background:white;color:#111;border-color:#ddd}}

/* Windmill brand: near-black canvas and the company's blue-to-violet gradient. */
.btn.primary,.brand-mark{background:linear-gradient(120deg,#7db9ff 0%,#4d9dff 45%,#9d7bff 120%);border-color:#7db9ff55;color:#06080f}.btn.primary:hover{background:linear-gradient(120deg,#a1d0ff 0%,#72b4ff 45%,#b8a0ff 120%);box-shadow:0 4px 18px #4d9dff18}.brand{letter-spacing:.04em;font-size:18px;gap:11px}.brand-mark{background:none!important;width:43px;height:32px;display:grid;place-items:center}.brand-mark img{width:43px;height:auto;display:block}.brand small{font-size:11px;letter-spacing:.12em}.welcome-panel{background:linear-gradient(115deg,#14223e 0%,#0c1220 63%,#11182d 100%)}.welcome-copy h2{font-weight:700;letter-spacing:.01em}.sidebar{background:#080b12}.demo-card{background:#101623}.nav-item.active{background:#14243a;color:#8bbfff}.online-dot{background:#79b6ff}.base-tag{color:#84baff}.pass-bottom span:last-child{color:#89baff}.teaser-art{background:linear-gradient(110deg,#11213b,#141b34)}.crew-pass{border-color:#304466}.stat-note .mini-pill{background:#142139;color:#abcaf1}.badge.green{background:#142a28;border-color:#2e5149;color:#a3d0b7}
.home-profile-panel{display:grid;grid-template-columns:1.45fr 1fr;margin-top:24px}.home-profile{padding:36px 38px}.home-profile-person{display:flex;align-items:center;gap:22px;margin:23px 0 27px}.profile-avatar{width:90px;height:90px;font-size:58px;border-radius:22px}.home-profile-person h2{font-size:30px;letter-spacing:.03em}.home-profile-person p{font-size:14px;margin:4px 0 10px}.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:0}.profile-details>div{display:flex;flex-direction:column;gap:5px}.profile-details dt{font-size:12px;color:var(--muted)}.profile-details dd{margin:0;font-size:15px;color:#e6edf6}.profile-details .profile-email{grid-column:1/-1}.home-leave-balance{border-left:1px solid var(--border);padding:36px 38px;background:linear-gradient(135deg,#132039aa,#0e142400)}.home-leave-balance h2{font-size:16px;margin-top:24px;font-weight:500;color:#b7c7df}.home-balance-number{font-family:ui-monospace,SFMono-Regular,monospace;font-size:73px;font-weight:650;letter-spacing:-.055em;line-height:1.25;margin:8px 0 0}.home-balance-number span{font-family:inherit;font-size:18px;margin-left:12px;font-weight:400;letter-spacing:0;color:#a8bdd9}.home-leave-balance>p{font-size:13px;margin-bottom:30px}.progress-track{height:6px;background:#243047;border-radius:6px;overflow:hidden}.progress-track>span{display:block;height:100%;border-radius:6px;background:linear-gradient(120deg,#7db9ff,#6989ed)}.balance-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8b9db8;margin-top:12px}.home-action-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 35px}.home-action{display:flex;align-items:center;gap:17px;background:var(--panel);border:1px solid #303b51;border-radius:14px;padding:26px 28px;text-align:left;transition:.2s;min-height:108px}.home-action:hover{border-color:#679ee5;background:#142239;transform:translateY(-2px)}.home-action.primary-action{background:linear-gradient(110deg,#18355b,#1b294a);border-color:#4673b7}.home-action.primary-action:hover{background:linear-gradient(110deg,#21446e,#283b65)}.home-action-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:#233754;color:#9cc9ff}.home-action-icon .icon{font-size:28px}.home-action strong{display:block;font-size:18px}.home-action small{display:block;font-size:12px;color:#9db0c9;margin-top:5px}.home-action-key{margin-left:auto;font-size:22px;color:#91b8ec}.home-profile-panel+.home-action-row .home-action:first-child .home-action-key{font-size:30px}
.section-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.section-intro>p{font-size:14px}.leave-summary{display:flex;align-items:center;gap:45px;padding:26px 30px;background:linear-gradient(110deg,#15223b,#0e1421);border:1px solid #2b3d5b;border-radius:16px;margin-bottom:24px}.leave-summary>div:first-child>strong{display:block;font-family:ui-monospace,monospace;font-size:38px;line-height:1.5}.leave-summary strong>small{font-family:inherit;font-size:14px;color:#aebdd2;margin-left:10px;font-weight:400}.leave-summary p{font-size:12px}.balance-track{flex:1;max-width:450px}.balance-track>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#aebed4;margin-bottom:10px;gap:10px}.balance-track>small{display:block;margin-top:10px;font-size:11px;color:#8b9bb2}.leave-admin-stat{border-left:1px solid #344157;padding-left:28px;margin-left:auto;display:flex;flex-direction:column}.leave-admin-stat>strong{font-family:ui-monospace,monospace;font-size:35px}.leave-admin-stat>span{font-size:12px;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 25px 20px}.segmented{display:inline-flex;padding:4px;background:#0a111e;border:1px solid #283248;border-radius:9px;gap:4px}.segmented button{padding:7px 13px;border:0;border-radius:6px;background:none;color:#9eabc0;font-size:12px}.segmented button.selected{color:#d7e8ff;background:#22324c}.segmented button:hover{background:#1a2941}.toolbar-filters{display:flex;gap:10px}.toolbar-filters select{width:145px;font-size:12px;min-height:37px;padding:8px 12px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.data-table th{font-size:11px;font-weight:500;color:#8c9cb1;padding:12px 22px;text-align:left;background:#0c121e;border-block:1px solid var(--border);letter-spacing:.025em}.data-table td{padding:20px 22px;border-bottom:1px solid #222b3b;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#131d2d}.data-table td>strong{font-size:14px;font-weight:550}.data-table td>small{display:block;font-size:11px;color:#8394ab;margin-top:5px}.data-table td .reason-preview{max-width:195px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .align-right,.align-right{text-align:right}.numeric{font-family:ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:11px}.person-cell{display:flex;align-items:center;gap:11px}.person-cell strong{font-size:13px;display:block;font-weight:550}.person-cell small{font-size:11px;display:block;color:#8599b2;margin-top:3px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px}.btn.danger-text{color:#e9b0b0}.panel-foot{border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:15px 25px;font-size:11px;color:#7e92aa;gap:15px}.balance-panel{margin-top:24px}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 24px 15px}.balance-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 15px;border-top:1px solid var(--border)}.balance-item>strong{font-family:ui-monospace,monospace;font-size:21px;text-align:right}.balance-item>strong>small{display:block;font-family:inherit;font-size:10px;font-weight:400;color:var(--muted)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px;min-width:0}.field>span{font-size:13px;color:#bfccdf}.field input,.field select,.field textarea{font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-person{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px;padding:15px;background:#0e192a;border:1px solid #2d3c54;border-radius:10px}.form-person>span>strong{font-size:16px}.form-person>span>small{color:var(--muted);font-size:12px}.leave-estimate{display:flex;justify-content:space-between;gap:20px;background:#152c47;border:1px solid #344e71;padding:17px 20px;border-radius:10px;margin:6px 0 17px;min-height:90px}.leave-estimate>div>span{display:block;font-size:12px;color:#a6c0e1}.leave-estimate strong{display:block;font-family:ui-monospace,monospace;font-size:23px;margin-top:4px}.leave-estimate strong>small{font-size:13px;font-weight:400}.helper-text{font-size:12px;color:#8196b3;line-height:1.9;margin-top:15px}.form-error{color:#ffb0b0;font-size:13px;margin-top:15px}.form-error:empty{display:none}.detail-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border)}.detail-top>strong{font-family:ui-monospace,monospace;font-size:25px}.detail-top>strong>small{font-size:13px;font-weight:400;color:var(--muted)}.detail-list{margin:12px 0 24px}.detail-list>div{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:11px 0;border-bottom:1px solid #243048}.detail-list dt{font-size:13px;color:#8fa2bd}.detail-list dd{font-size:14px;margin:0;overflow-wrap:anywhere}.small-title{font-size:14px;font-weight:650;margin:20px 0 15px;color:#d9e5f7}.timeline>div{border-left:1px solid #344b6a;margin-left:5px;padding:0 0 22px 22px;position:relative}.timeline-dot{position:absolute;left:-4px;top:9px;width:7px;height:7px;border-radius:50%;background:#79b6ff}.timeline strong{font-size:13px}.timeline p{font-size:12px;margin-top:4px}.timeline small{font-size:11px;color:#7f96b4;display:block;margin-top:5px}.salary-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px 8px;margin-bottom:24px}.salary-summary>div{padding:0 25px;border-right:1px solid var(--border)}.salary-summary>div:last-child{border:0}.salary-summary strong{font-family:ui-monospace,monospace;display:block;font-size:31px;margin:8px 0 3px}.salary-summary p{font-size:12px}.inline-field{display:flex;align-items:center;gap:12px;font-size:12px;color:#aebed4}.inline-field input{width:190px;min-height:38px;font-size:13px;padding:7px 12px}.callout{display:flex;align-items:center;gap:16px;padding:19px 22px;border:1px solid #30415e;border-radius:12px;background:#121d30;margin:22px 0 0}.callout strong{font-size:13px;color:#bfcee4}.callout p{font-size:12px;margin-top:4px;line-height:1.8}.callout-symbol{color:#8abaff;font-size:24px}.callout.warning{background:#2c241c;border-color:#51432e;color:#e4c595;margin:0 0 22px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.callout.warning strong{color:#e4c595}.callout.warning span{font-size:12px}.callout.compact{display:block;margin:0 0 20px;padding:16px}.warning-text{color:#e7be8a!important}.accent-text{color:#9bc7ff}.slip-brand{display:flex;align-items:center;gap:12px;padding:5px 0 20px;border-bottom:1px solid #33425a}.slip-brand img{width:45px;height:auto}.slip-brand>span{font-size:18px;line-height:1.4;font-weight:650}.slip-brand>span>small{display:block;font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:400}.slip-brand>.badge{margin-left:auto;font-size:11px;font-weight:400}.slip-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:22px 0}.slip-meta>div>span{display:block;font-size:11px;color:#94a9c6}.slip-meta strong{display:block;font-size:14px;margin-top:4px}.slip-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.slip-columns h3{font-size:15px;background:#1c2b43;padding:11px 14px;border-radius:7px 7px 0 0}.slip-table{width:100%;border-collapse:collapse;font-size:12px}.slip-table th{font-size:11px;text-align:left;font-weight:400;color:#8da3c1;padding:10px 9px;border-bottom:1px solid #3a4860}.slip-table td{padding:12px 9px;border-bottom:1px solid #2c374b}.slip-table td:nth-child(2){text-align:right;white-space:nowrap}.slip-table td:last-child{font-size:10px;color:#8a9bb7}.slip-table .total{background:#141f32;font-weight:700}.slip-table .total td{border-bottom:1px solid #4b5d7a}.slip-net{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #32425a;margin-top:10px}.slip-net span{font-size:16px}.slip-net strong{font-family:ui-monospace,monospace;font-size:28px;color:#a0caff}.reimbursement-line{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #32425a}.reimbursement-line strong{font-size:14px}.reimbursement-line small{display:block;font-size:11px;color:#92a5c0;margin-top:4px}.payment-block{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;margin-top:20px;background:#192a43;border:1px solid #375780;border-radius:12px}.payment-block>div>span{display:block;font-size:12px;color:#9fb9dc}.payment-block>div>strong{display:block;font-size:25px;font-family:ui-monospace,monospace;margin:3px 0}.payment-block>div>small{display:block;font-size:11px;color:#91a9ca}.payment-block>.badge{margin-left:auto}.bonus-block{padding:20px;border:1px solid #3d405b;background:#1b1b30;border-radius:12px;margin-top:18px}.bonus-block-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.bonus-amount{font-family:ui-monospace,monospace;font-size:25px;margin:10px 0 4px;color:#bec9ff}.bonus-block>p{font-size:11px;color:#96a2c9}.bonus-actions{display:flex;gap:12px;margin-top:17px}.field-note{justify-content:center;background:#14233a;border:1px solid #2d4262;padding:12px 15px;border-radius:9px}.field-note>span{font-size:11px}.field-note>strong{font-size:17px;font-family:ui-monospace,monospace}.field-note>small{font-size:10px;color:#8ea5c6}.calc-preview{display:flex;gap:25px;justify-content:space-between;background:#192e4a;border:1px solid #35577e;border-radius:11px;padding:20px;margin-top:15px}.calc-preview span{display:block;font-size:11px;color:#9fbcdf}.calc-preview strong{display:block;font-family:ui-monospace,monospace;font-size:22px;color:#daeaff;margin-top:5px}.adjustment-history{margin-top:24px;border-top:1px solid #35445d;padding-top:15px}.adjustment-history h3{font-size:14px}.adjustment-history p{font-size:12px;margin-top:8px}
@media(max-width:1180px){.home-profile{padding:28px}.home-leave-balance{padding:28px}.home-profile-person{gap:17px}.profile-avatar{width:74px;height:74px;font-size:47px}.home-balance-number{font-size:63px}.home-action{padding:23px}.home-action strong{font-size:17px}.leave-summary{gap:30px}.balance-grid{grid-template-columns:1fr 1fr}.salary-summary strong{font-size:26px}.data-table td,.data-table th{padding-inline:17px}}
@media(max-width:950px){.home-profile-panel{grid-template-columns:1.3fr 1fr}.home-profile{padding:25px}.home-leave-balance{padding:25px}.home-profile-person h2{font-size:25px}.home-profile-person{gap:14px}.profile-avatar{width:64px;height:64px;font-size:41px}.profile-details{gap:18px}.profile-details dd{font-size:13px}.balance-caption{flex-direction:column;gap:3px}.home-action-row{gap:14px}.home-action{padding:18px;gap:12px}.home-action-icon{width:40px;height:40px}.home-action small{font-size:11px}.home-action-key{display:none}.leave-summary{flex-wrap:wrap;gap:20px}.balance-track{max-width:none;min-width:200px}.leave-admin-stat{display:none}.salary-summary>div{padding-inline:20px}.salary-summary strong{font-size:23px}.toolbar{flex-wrap:wrap}.slip-columns{gap:15px}.slip-table td,.slip-table th{padding-inline:6px}}
@media(max-width:760px){.home-profile-panel{grid-template-columns:1fr;margin-top:25px}.home-profile{padding:26px}.home-profile-person{margin:18px 0 24px;gap:20px}.profile-avatar{width:74px;height:74px;font-size:47px}.home-profile-person h2{font-size:28px}.profile-details{gap:18px}.profile-details dd{font-size:14px}.home-leave-balance{border-left:0;border-top:1px solid var(--border);padding:26px}.home-leave-balance h2{margin-top:13px}.home-balance-number{font-size:60px;margin-top:4px}.home-leave-balance>p{margin-bottom:20px}.balance-caption{flex-direction:row}.home-action-row{grid-template-columns:1fr;margin-bottom:25px;gap:13px}.home-action{padding:20px 24px;min-height:95px}.home-action strong{font-size:18px}.home-action small{font-size:12px}.home-action-icon{width:47px;height:47px}.home-action-key{display:block}.section-intro{flex-direction:column;align-items:stretch;gap:15px}.section-intro>p{font-size:13px}.section-intro>.btn{align-self:flex-start}.leave-summary{padding:23px;gap:23px;flex-direction:column;align-items:stretch}.balance-track{min-width:0}.balance-track>div:first-child{font-size:10px}.toolbar{padding-inline:20px;gap:15px}.toolbar-filters{width:100%;gap:8px}.toolbar-filters select{flex:1;width:0}.data-table th,.data-table td{padding-inline:15px}.panel-foot{padding-inline:20px;flex-direction:column;gap:4px;font-size:10px}.balance-grid{grid-template-columns:1fr;padding-inline:12px}.balance-item{padding:17px 9px}.form-grid{grid-template-columns:1fr;gap:0}.form-grid:has(input[type=date]){grid-template-columns:1fr 1fr;gap:0 13px}.field input[type=date],.field input[type=time]{font-size:12px;padding-inline:9px}.leave-estimate{padding:17px;gap:15px}.leave-estimate strong{font-size:22px}.salary-summary{grid-template-columns:1fr;padding:0}.salary-summary>div{padding:19px 24px;border-right:0;border-bottom:1px solid var(--border)}.salary-summary strong{font-size:27px;margin-top:5px}.inline-field{width:100%;justify-content:space-between}.inline-field input{width:190px}.callout{padding:18px;align-items:flex-start}.callout p{font-size:11px}.slip-columns{grid-template-columns:1fr;gap:24px}.slip-meta{grid-template-columns:1fr 1fr;gap:16px}.slip-meta>div:last-child{grid-column:1/-1}.slip-brand>span{font-size:16px}.slip-brand img{width:39px}.slip-brand>.badge{font-size:9px;padding-inline:5px}.slip-table td,.slip-table th{padding-inline:9px}.payment-block{flex-wrap:wrap;padding:18px}.payment-block>.btn{width:100%;margin-top:3px}.payment-block>.badge{margin-left:auto}.calc-preview{flex-direction:column;gap:17px;padding:19px}.calc-preview>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.calc-preview strong{margin:0}.bonus-actions{flex-direction:column}.detail-list>div{grid-template-columns:86px 1fr;gap:14px}}
@media print{.payslip{color:#111;background:white}.payslip p,.payslip small{color:#555!important}.slip-brand,.slip-net,.reimbursement-line{border-color:#ccc}.slip-columns{display:grid;grid-template-columns:1fr 1fr}.slip-columns h3,.slip-table .total{background:#f1f3f6;color:#111}.slip-table th,.slip-table td{border-color:#ccc;color:#111!important}.slip-net strong,.bonus-amount{color:#111}.payment-block,.bonus-block{background:#f8f9fc;border-color:#bbb}.payment-block button,.bonus-actions{display:none}.payslip .callout{display:none}}
.game-tabs{margin-bottom:24px}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.game-card{padding:26px}.game-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.game-kind{font-size:11px;color:#9cb6dd;font-family:ui-monospace,monospace;letter-spacing:.1em}.game-card>h2{font-size:21px;line-height:1.5}.game-description{font-size:13px;margin-top:8px;line-height:1.9;min-height:49px}.poll-options{display:flex;flex-direction:column;gap:12px;margin-top:25px}.poll-option{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #2e3d56;border-radius:11px;background:#111a2a;cursor:pointer;transition:.2s}.poll-option:hover{border-color:#5b85bd;background:#15223a}.poll-option.my-choice,.poll-option:has(input:checked){border-color:#6797d8;background:#192d4a}.poll-option input{width:16px;height:16px;min-height:16px;flex-shrink:0;accent-color:#88bfff}.poll-option-body{flex:1;min-width:0}.poll-option-body>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:13px}.poll-option strong{font-size:14px;font-weight:550;overflow-wrap:anywhere}.poll-option-body>div>span{font-size:11px;color:#91a5c3;white-space:nowrap}.poll-option-body b{margin-left:7px;color:#bcd7fc;font-weight:600}.poll-track{height:4px;background:#263753;border-radius:3px;margin-top:11px;overflow:hidden}.poll-track>span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#75b4fa,#8b9bea);transition:width .3s}.poll-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.poll-footer>span{font-size:11px;color:#869fbe}.poll-footer>span>strong{font-size:11px;font-weight:400;color:#acd3ff;white-space:nowrap}.game-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#7c95b7;margin-top:23px;padding-top:16px;border-top:1px solid #2b3a53}.game-card-bottom .btn.text{font-size:11px;padding:0;min-height:20px;color:#98a9c4}.wheel-wrap{position:relative;width:270px;height:270px;margin:26px auto 18px;filter:drop-shadow(0 8px 25px #03061155)}.wheel-canvas{width:100%;height:100%;display:block;transition:transform 3.2s cubic-bezier(.12,.57,.14,1);border-radius:50%}.wheel-pointer{position:absolute;top:-6px;left:calc(50% - 12px);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:28px solid #eaf3ff;z-index:2;filter:drop-shadow(0 3px 4px #0006)}.wheel-center{position:absolute;width:62px;height:62px;left:calc(50% - 31px);top:calc(50% - 31px);border:5px solid #c2d7f4;border-radius:50%;background:#101a2c;display:grid;place-items:center;color:#b2d4ff;font-weight:900;font-size:22px;font-family:ui-monospace,monospace;box-shadow:0 2px 8px #0003;pointer-events:none}.wheel-result{text-align:center;margin:12px 0 19px;padding:13px;background:#172239;border:1px solid #2e4363;border-radius:10px}.wheel-result span{display:block;font-size:11px;color:#92abcf}.wheel-result strong{font-size:19px;display:block;margin-top:4px;color:#cae2ff}.spin-button{display:flex;width:100%;min-height:46px}.wheel-history{margin-top:18px;border-top:1px solid #2b3a53;padding-top:12px}.wheel-history summary{font-size:12px;color:#97adcd;cursor:pointer}.wheel-history ul{list-style:none;padding:0;margin:9px 0 0}.wheel-history li{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:9px 0;border-bottom:1px solid #25344c;gap:10px}.wheel-history small{font-size:10px;color:#7e98bd}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.crew-card{padding:26px}.crew-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:20px}.crew-card .avatar.large{width:65px;height:65px;font-size:40px;border-radius:18px}.crew-card h2{font-size:21px}.crew-card>p{font-size:12px;margin-top:5px}.crew-card-meta{margin:19px 0 22px;padding-top:5px;border-top:1px solid #2c3b54}.crew-card-meta>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-top:12px}.crew-card-meta>div>span{color:#7f9abc}.crew-card-meta>div>strong{font-size:11px;font-weight:500;color:#b8c9e2}.crew-card>.btn{width:100%;font-size:12px}.settings-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;align-items:start}.settings-form{padding:0 25px 25px}.settings-form .form-grid{gap:0 16px}.settings-formula{border:1px solid #344a6c;background:#12213a;border-radius:11px;padding:19px;margin:3px 0 20px}.settings-formula>span{font-size:11px;display:block;color:#91b2dc}.settings-formula>strong{font-family:ui-monospace,monospace;display:block;font-size:19px;margin-top:7px;color:#c8e0ff}.settings-formula>p{font-size:11px;margin-top:7px;color:#8badd8;line-height:1.9}.settings-form>.btn{margin-top:3px}.settings-side{display:flex;flex-direction:column;gap:24px}.settings-section{padding:0 25px 25px}.settings-section p{font-size:12px;line-height:1.9;margin-bottom:18px}.settings-section .btn{display:flex;width:100%;margin-top:12px;font-size:13px}.permission-list{padding:0 25px 13px}.permission-list>div{padding:14px 0;border-top:1px solid #2d3a50}.permission-list strong{font-size:13px;color:#c4d5ed}.permission-list p{font-size:12px;margin-top:5px;line-height:1.8}.audit-panel{margin-top:24px}.audit-panel .data-table td:last-child{white-space:normal;min-width:270px}.settings-form .form-error{margin-bottom:15px}.game-card .form-error{margin-top:15px}.field>span{font-size:14px}.data-table{font-size:14px}
@media(max-width:1180px){.games-grid{gap:18px}.game-card{padding:22px}.wheel-wrap{width:240px;height:240px}.team-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1.25fr 1fr;gap:20px}.settings-form .form-grid{grid-template-columns:1fr}.settings-formula>strong{font-size:17px}.poll-option{padding:14px}.poll-footer{flex-direction:column;align-items:stretch;gap:13px}.poll-footer>span{text-align:center}}
@media(max-width:950px){.games-grid{grid-template-columns:1fr}.game-card{padding:26px}.wheel-wrap{width:290px;height:290px}.game-description{min-height:0}.poll-footer{flex-direction:row;align-items:center}.team-grid{gap:18px}.crew-card{padding:22px}.settings-grid{grid-template-columns:1fr}.settings-form .form-grid{grid-template-columns:1fr 1fr}.settings-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-formula>strong{font-size:19px}}
@media(max-width:760px){.game-tabs{width:100%;justify-content:space-between;margin-bottom:18px}.game-tabs button{flex:1;padding-inline:8px;font-size:12px}.game-card{padding:22px}.game-card>h2{font-size:20px}.game-description{font-size:13px}.poll-option{padding:15px 13px;gap:10px}.poll-option-body>div:first-child{gap:8px}.poll-option strong{font-size:14px}.poll-option-body>div>span{font-size:10px}.poll-option-body b{margin-left:3px}.poll-footer{flex-direction:column;align-items:stretch;gap:15px}.poll-footer>span{text-align:center}.wheel-wrap{width:260px;height:260px}.wheel-card .game-card-bottom{font-size:9px}.team-grid{grid-template-columns:1fr;gap:16px}.crew-card{padding:24px}.crew-card-meta>div{font-size:12px}.crew-card-meta>div>strong{font-size:12px}.crew-card>.btn{font-size:14px}.settings-form{padding:0 20px 22px}.settings-form .form-grid{grid-template-columns:1fr}.settings-side{grid-template-columns:1fr;gap:20px}.settings-section,.permission-list{padding-inline:20px}.game-card-top{gap:8px}.game-kind{font-size:10px}.wheel-history small{font-size:10px}.modal.wide{width:calc(100% - 24px)}.crew-card-top .badge{font-size:12px}}
@media(max-width:370px){.wheel-wrap{width:230px;height:230px}.game-card{padding:19px}.poll-option-body>div:first-child>span b{display:none}.profile-details dd{font-size:13px}.profile-email dd{overflow-wrap:anywhere}}

.mobile-close,.mobile-backdrop{display:none}
@media(max-width:760px){.mobile-close{display:flex;position:absolute;top:24px;right:12px;width:28px;height:28px}.mobile-backdrop{display:block;position:fixed;inset:0;background:#0009;border:0;z-index:19}.sidebar.mobile-open{box-shadow:none}}
@media(max-width:370px){.breadcrumb{display:none}.account-switch select{width:190px}.topbar-left{flex-shrink:0}}

.form-person{justify-content:flex-start}.form-person>span:has(strong){display:flex;flex-direction:column}.form-person>.badge{margin-left:auto}
@media(max-width:760px){.home-profile{padding:22px}.home-profile-person{margin:14px 0 20px;gap:16px}.profile-avatar{width:60px;height:60px;font-size:39px;border-radius:17px}.home-profile-person h2{font-size:25px}.home-profile-person p{font-size:12px;margin-bottom:7px}.profile-details{gap:13px}.profile-details dt{font-size:11px}.profile-details dd{font-size:13px}.home-leave-balance{padding:22px}.home-leave-balance h2{margin-top:10px}.home-balance-number{font-size:50px;margin-top:0}.home-leave-balance>p{margin-bottom:15px}.balance-caption{font-size:10px;margin-top:9px}.home-action-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.home-action{padding:16px 13px;min-height:78px;gap:9px}.home-action-icon{width:29px;height:32px;background:none}.home-action-icon .icon{font-size:24px}.home-action strong{font-size:15px}.home-action small,.home-action-key{display:none}}
@media(max-width:370px){.home-action{justify-content:center;padding:14px 8px}.home-action-icon{display:none}.home-action strong{font-size:14px}}

/* Monthly leave overview: shared scale, effective hours, and mobile-friendly rows. */
.monthly-leave-panel{margin-bottom:24px;overflow:hidden}
.monthly-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px 22px;border-bottom:1px solid var(--border)}
.monthly-header h2{font-size:24px;margin-top:6px}.monthly-header p{font-size:12px;margin-top:4px}
.leave-month-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.leave-month-controls .icon-button{font-size:25px;width:34px;height:40px;border-radius:8px}.leave-month-controls .btn{min-height:40px}
.leave-month-field{position:relative}.leave-month-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.leave-month-field input{width:162px;min-height:40px;padding:8px 11px;font-size:13px}
.monthly-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:23px 28px;gap:24px;background:linear-gradient(120deg,#15243a99,#101624);border-bottom:1px solid var(--border)}
.monthly-stats>div+div{padding-left:24px;border-left:1px solid #2b364b}.monthly-stats>div>span{font-size:12px;color:#aebdd2}.monthly-stats strong{display:block;font-family:ui-monospace,SFMono-Regular,monospace;font-size:34px;line-height:1.5;color:#f4f7ff;margin-top:3px}.monthly-stats strong small{font:12px -apple-system,BlinkMacSystemFont,sans-serif;color:#a7b8d1;margin-left:8px}.monthly-stats p{font-size:12px;color:#92accb;overflow-wrap:anywhere}
.monthly-chart-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px 13px}.monthly-chart-head h3{font-size:17px}.monthly-chart-head p{font-size:12px;margin-top:4px}.monthly-type-field{display:flex;align-items:center;gap:10px}.monthly-type-field>span{font-size:12px;color:var(--muted);white-space:nowrap}.monthly-type-field select{width:126px;min-height:38px;font-size:12px;padding-block:7px}
.leave-chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:0 28px 20px;font-size:11px;color:#a9bad1}.leave-chart-legend>span{display:flex;align-items:center;gap:7px}.leave-chart-legend i{width:9px;height:9px;border-radius:3px}
.leave-color-annual{background:#75b6ff}.leave-color-personal{background:#a08ff0}.leave-color-sick{background:#eeb779}.leave-color-other{background:#8b9eaf}
.leave-bar-chart{padding:0 16px 17px}.leave-chart-axis{display:grid;grid-template-columns:175px minmax(0,1fr) 128px;gap:16px;align-items:center;padding:0 12px 9px;color:#8092b0;font-size:10px}.leave-chart-axis>div{display:flex;justify-content:space-between}.leave-chart-axis>span:last-child{padding-left:18px}
.leave-chart-row{display:grid;grid-template-columns:175px minmax(0,1fr) 94px 18px;align-items:center;gap:16px;width:100%;padding:13px 12px;border:1px solid transparent;border-radius:10px;background:none;text-align:left;min-height:72px;transition:background .18s,border-color .18s}.leave-chart-row:hover{background:#15243a}.leave-chart-row.is-highest{background:#142239;margin-bottom:3px}.leave-chart-row.is-selected{border-color:#75b6ff;box-shadow:inset 3px 0 #75b6ff}
.leave-chart-person{display:flex;align-items:center;gap:11px;min-width:0}.leave-chart-person>span:last-child{min-width:0}.leave-chart-person strong{display:block;font-size:14px;font-weight:550;overflow-wrap:anywhere}.leave-chart-person small{display:block;font-size:11px;color:#8e9fba}.is-highest .leave-chart-person small{color:#aad1ff}
.leave-chart-track{display:flex;height:17px;border-radius:5px;background-color:#172031;background-image:linear-gradient(to right,#33405988 1px,transparent 1px);background-size:var(--grid-step) 100%;overflow:hidden}.leave-bar-segment{height:100%;flex-shrink:0}.leave-bar-segment:first-child{border-radius:5px 0 0 5px}.leave-bar-segment:last-child{border-radius:0 5px 5px 0}.leave-bar-segment:only-child{border-radius:5px}.leave-chart-value{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.leave-chart-value strong{font-family:ui-monospace,SFMono-Regular,monospace;font-size:19px;white-space:nowrap}.leave-chart-value strong small{font-family:inherit;font-size:11px;font-weight:400;color:#b8c4d6}.leave-chart-value>small{font-size:10px;color:#8799b4}.leave-chart-arrow{font-size:20px;color:#6f92be;text-align:right}
.monthly-chart-note{display:flex;justify-content:space-between;gap:18px;padding:16px 28px;border-top:1px solid var(--border);font-size:11px;color:#94a6bf}.monthly-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px 45px;gap:7px;text-align:center}.monthly-empty>span{font-size:30px;color:#80b7fa;margin-bottom:6px}.monthly-empty strong{font-size:15px}.monthly-empty p{font-size:12px}.mobile-leave-records{display:none}#leave-records{scroll-margin-top:95px}
@media(max-width:1180px){.monthly-header{padding:23px;gap:15px}.monthly-header h2{font-size:21px}.leave-month-controls{gap:6px}.leave-month-field input{width:147px}.leave-chart-row{grid-template-columns:145px minmax(0,1fr) 82px 16px;gap:13px}.leave-chart-axis{grid-template-columns:145px minmax(0,1fr) 111px;gap:13px}.monthly-chart-head,.monthly-chart-note{padding-inline:23px}.monthly-stats{padding-inline:23px;gap:17px}.monthly-stats>div+div{padding-left:17px}}
@media(max-width:950px){.monthly-header{align-items:flex-start;flex-direction:column;gap:16px}.monthly-stats{gap:12px}.monthly-stats>div+div{padding-left:12px}.monthly-stats strong{font-size:29px}.monthly-stats strong small{font-size:11px;margin-left:5px}.monthly-stats p{font-size:11px}.leave-chart-person .avatar{display:none}.leave-chart-row{grid-template-columns:100px minmax(0,1fr) 76px 13px;gap:10px}.leave-chart-axis{grid-template-columns:100px minmax(0,1fr) 99px;gap:10px}.monthly-chart-note{flex-direction:column;gap:3px}}
@media(max-width:760px){.monthly-header{padding:21px 20px 19px}.monthly-header h2{font-size:22px}.leave-month-controls{width:100%;gap:7px}.leave-month-field{flex:1;min-width:0}.leave-month-field input{width:100%;padding-inline:9px;font-size:12px}.leave-month-controls .btn{padding-inline:11px;font-size:12px}.leave-month-controls .icon-button{width:32px;flex-shrink:0}.monthly-stats{padding:18px 20px;gap:10px}.monthly-stats>div+div{padding-left:10px}.monthly-stats>div>span{font-size:10px;line-height:1.7;display:block}.monthly-stats strong{font-size:24px;margin-top:4px}.monthly-stats strong small{font-size:10px;margin-left:3px}.monthly-stats p{font-size:10px;line-height:1.7;margin-top:4px}.monthly-chart-head{padding:22px 20px 12px;align-items:flex-start;flex-direction:column;gap:13px}.monthly-chart-head p{font-size:11px}.monthly-type-field{width:100%;justify-content:space-between}.monthly-type-field select{width:147px}.monthly-type-field>span{font-size:11px}.leave-chart-legend{padding:0 20px 17px;gap:16px;font-size:10px}.leave-bar-chart{padding:0 8px 13px}.leave-chart-row{grid-template-columns:82px minmax(0,1fr) 54px 10px;gap:8px;padding:13px 11px;min-height:68px}.leave-chart-axis{grid-template-columns:82px minmax(0,1fr) 72px;gap:8px;padding-inline:11px;font-size:9px}.leave-chart-axis>span:last-child{padding-left:12px}.leave-chart-person strong{font-size:13px}.leave-chart-person small{font-size:10px}.leave-chart-value strong{font-size:16px}.leave-chart-value strong small{font-size:10px}.leave-chart-value>small{font-size:9px}.leave-chart-track{height:15px}.monthly-chart-note{padding:14px 20px;font-size:10px}.leave-records-table{display:none}.mobile-leave-records{display:grid;gap:12px;padding:0 16px 19px}.mobile-leave-card{border:1px solid #2c3b51;border-radius:11px;padding:16px;background:#101a2a}.mobile-leave-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-leave-card>header .badge{font-size:10px}.mobile-leave-date{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.mobile-leave-date>strong{font-size:14px}.mobile-leave-date .badge{font-size:10px}.mobile-leave-card>p{font-size:12px;overflow-wrap:anywhere;line-height:1.8;margin:9px 0 14px}.mobile-leave-card>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;border-top:1px solid #2a3549}.mobile-leave-amount strong{display:block;font-family:ui-monospace,monospace;font-size:20px;line-height:1.4}.mobile-leave-amount small{font-size:10px;color:#92a8c6}.mobile-leave-card .row-actions{gap:10px}.mobile-leave-card .row-actions .btn{font-size:12px}.monthly-stats>div{min-width:0}}
@media(max-width:370px){.monthly-stats{padding-inline:15px;gap:8px}.monthly-stats>div+div{padding-left:8px}.monthly-stats strong{font-size:21px}.monthly-stats strong small{display:block;margin-left:0;line-height:1.4}.leave-chart-row{grid-template-columns:73px minmax(0,1fr) 49px 9px;gap:6px;padding-inline:9px}.leave-chart-axis{grid-template-columns:73px minmax(0,1fr) 64px;gap:6px;padding-inline:9px}.leave-chart-person strong{font-size:12px}.leave-chart-person small{font-size:9px}.monthly-chart-note{padding-inline:16px}.mobile-leave-card .person-cell .avatar{width:30px;height:30px;font-size:19px}.mobile-leave-card>footer{gap:8px}.mobile-leave-card .row-actions{gap:7px}.mobile-leave-card .row-actions .btn{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.leave-chart-row{transition:none}}
@media(min-width:761px){.monthly-header{padding-block:18px}.monthly-header .eyebrow{display:none}.monthly-header h2{margin-top:0;font-size:22px}.monthly-stats{padding-block:16px}.monthly-stats strong{font-size:30px}.monthly-chart-head{padding-top:18px;padding-bottom:10px}.leave-chart-legend{padding-bottom:14px}.leave-chart-row{min-height:66px;padding-block:10px}}

.mobile-leave-time{display:block;font-size:10px;color:#8fa5c3;margin-top:5px}
@media(max-width:760px){.monthly-intro>p{display:none}.monthly-intro{align-items:flex-end;margin-bottom:17px}.monthly-intro>.btn{align-self:flex-end}.monthly-header .eyebrow{display:none}.monthly-header h2{margin-top:0}.leave-month-controls .icon-button{width:36px;height:44px}.leave-month-controls .btn,.leave-month-field input,.monthly-type-field select{min-height:44px}.mobile-leave-card .row-actions .btn{min-height:44px}}