:root{font-family:Futura PT,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;--bg: #f5f5f3;--surface: #fff;--text: #24252d;--muted: #777982;--border: #e8e8e5;--yellow: #ffd400;--green: #43856c;--blue: #5689a9;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:9px}button:disabled{cursor:default;opacity:.45}button:not(:disabled):hover{filter:brightness(.97)}button:focus-visible,a:focus-visible{outline:2px solid #bc9b00;outline-offset:4px}input,select,textarea{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:12px;max-width:100%;outline-color:#cba900}textarea{resize:vertical;min-height:94px}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;margin:18px 0}h1,h2,p{margin:0}p{line-height:1.6;color:var(--muted);font-size:14px}h1{font-size:36px;letter-spacing:-1.2px;font-weight:600;line-height:1.2}h1>span{color:#d5b200}h2{font-size:20px;font-weight:600;letter-spacing:-.4px}.shell{min-height:100vh;display:flex}.sidebar{width:238px;background:#24252d;color:#fff;position:fixed;inset:0 auto 0 0;padding:36px 25px;display:flex;flex-direction:column}.brand{width:147px;color:#ffd400;position:relative;text-align:center;align-self:flex-start;margin:0 0 43px}.brand strong{display:block;font-size:39px;font-weight:600;letter-spacing:-2px;line-height:1.05;border:2px solid #ffd400;border-top:0;padding:0 6px 5px}.brand small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:7px;white-space:nowrap}.brand-symbol{height:34px;border:2px solid #ffd400;border-bottom:0;position:relative;overflow:hidden}.brand-symbol span{display:block;position:absolute;background:#ffd400;height:10px;left:-2px;right:-2px;transform:rotate(-15deg);top:7px}.brand-symbol span+span{top:24px;height:18px}.workspace{font-size:10px;color:#94959d;letter-spacing:1.5px;margin:0 10px 18px;display:flex;justify-content:space-between}.workspace span{color:#ffd400}.sidebar nav{display:grid;gap:7px}.sidebar nav button{justify-content:flex-start;color:#bdbdc4;font-size:14px;padding:13px 15px;border-radius:8px;white-space:nowrap}.sidebar nav button.active{background:#ffd400;color:#24252d;font-weight:600}.sidebar nav button svg:last-child:not(:first-child){margin-left:auto}.sidebar-bottom{margin-top:auto;padding:35px 9px 0}.small-label{font-size:8px;letter-spacing:1.3px;color:#9a9aa3}.sidebar-bottom p{font-size:23px;line-height:1.35;color:#fff;letter-spacing:-.4px;margin:15px 0 24px}.tiny-rule{width:28px;height:2px;background:#ffd400;margin-bottom:19px}.sidebar-bottom>span{color:#86868f;font-size:8px;letter-spacing:2px}main{width:calc(100% - 238px);margin-left:238px}header{height:88px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 44px;background:var(--surface)}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs span{padding:0 12px;color:#b5b5ba}.identity{display:flex;align-items:center;gap:11px}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#ededeb;color:#555760;font-size:11px;font-weight:600}.identity strong{font-size:12px;display:block}.identity small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.identity>button{margin-left:15px;color:var(--muted)}.content{padding:30px 44px 0;max-width:1570px;margin:auto}.demo-banner{font-size:10px;color:var(--muted);margin-bottom:22px;display:flex;align-items:center;gap:8px}.demo-banner span{border:1px solid #c9bb79;color:#887500;padding:3px 5px;font-size:8px;border-radius:3px;letter-spacing:1px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:12px}.page-heading p{margin-top:12px;font-size:12px}.period-picker{margin:0;min-width:225px}.period-picker span{font-size:8px;color:var(--muted);letter-spacing:1.3px;font-weight:400}.period-picker select{font-size:12px;padding:11px 10px;border-radius:6px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{border:1px solid var(--border);background:var(--surface);padding:20px 21px;border-radius:10px;min-height:123px}.stat.accent{background:#ffd400;border-color:#ffd400;color:#24252d}.stat-title{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);min-height:20px}.accent .stat-title{color:#5f571c}.stat-value{font-size:35px;letter-spacing:-1px;line-height:1;margin-top:15px}.stat-value>span{font-size:13px;color:var(--muted);letter-spacing:0;margin-left:6px}.accent .stat-value>span{color:#736419}.stat-value.text-value{font-size:19px;letter-spacing:-.3px;margin-top:22px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:27px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:12px}.panel-head h2:first-letter{text-transform:uppercase}.panel-head p{font-size:11px;margin-top:6px}.saved{font-size:9px;color:var(--green);background:#edf5f0;padding:6px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.weekdays{margin-bottom:9px}.weekdays span{text-align:center;padding:6px 0 9px;font-size:9px;font-weight:500;color:var(--muted)}.day{min-height:75px;border:1px solid var(--border);border-radius:7px;padding:10px 11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;background:var(--surface);opacity:1}.day:disabled{opacity:.38}.day.empty{border:0;background:none}.day.rest{background:var(--bg);color:#9b9da4}.day.outside{opacity:.5}.day.marked{background:#f2f8f4;border-color:#dce9df}.day.leave{background:#edf4fa;border-color:#dce9f3;color:#417ca0}.day.today{border:1.5px solid #b99b12}.day.today .day-top>b{color:#9e8507}.day-top{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px}.day-top b{font-weight:500}.day-top i{height:4px;width:4px;border-radius:50%;background:#bb9c00}.day-value{font-size:12px;color:var(--green);min-height:15px}.rest .day-value{color:#9b9da4}.leave .day-value{color:#417ca0}.day-dot{position:absolute;right:10px;bottom:12px;width:5px;height:5px;background:#d2ac00;border-radius:50%}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:19px;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}.legend span{display:inline-flex;gap:5px;align-items:center}.legend i{width:6px;height:6px;border-radius:2px}.green{background:#6a9b7a}.yellow{background:#e2bf34}.blue{background:#75a2c0}.gray{background:#c4c6c8}.context{display:flex;flex-direction:column;gap:23px}.dark-card{background:#24252d;border-radius:11px;color:#fff;padding:26px;position:relative;overflow:hidden}.dark-card .eyebrow{color:#c8ad32;font-size:8px}.dark-card h2{font-size:23px;line-height:1.3;margin:22px 0 15px}.dark-card p{font-size:11px;color:#a6a7b0;line-height:1.7;max-width:190px}.dark-card button{justify-content:space-between;width:100%;color:#ffd400;border-top:1px solid #43444b;margin-top:25px;padding:17px 0 0;font-size:10px}.stripe-art{height:6px;width:70px;background:#ffd400;transform:rotate(-15deg);margin:40px 0 5px auto;box-shadow:0 -13px #ffd400}.info-card{display:flex;gap:12px;padding:0 8px}.info-card>svg{flex-shrink:0;color:#8e9097}.info-card strong{font-size:11px;font-weight:500}.info-card p{font-size:10px;margin-top:7px;line-height:1.7}footer{display:flex;justify-content:space-between;margin-top:35px;border-top:1px solid var(--border);padding:22px 0;color:#92939a;font-size:8px;letter-spacing:1px}.primary,.secondary,.danger{padding:13px 18px;border-radius:7px;font-size:12px;font-weight:600;min-height:43px}.primary{background:#ffd400;color:#24252d}.secondary{border:1px solid var(--border);background:var(--surface)}.danger{color:#a94c46;border:1px solid #e6c6c1}.solid{background:#ad453c;color:#fff;border-color:#ad453c}.primary+.secondary{margin-top:10px}.chosen{background:#fff6c8}.detail-list>p,.note>p{margin:12px 0 20px;font-size:12px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid var(--border);padding:17px 0;font-size:13px}.detail-row:last-child{border:0}.detail-row small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.note{margin-top:20px}.note textarea{display:block;width:100%;margin-bottom:15px}.vacation-panel{max-width:760px}.vacation-panel .day{min-height:88px;font-size:15px}.vacation-intro{display:flex;gap:15px;background:var(--bg);padding:20px;border-radius:8px;margin-bottom:25px}.vacation-intro>svg{flex-shrink:0;color:var(--green)}.vacation-intro p{font-size:12px}.team-toolbar{display:flex;justify-content:space-between;gap:15px;padding-bottom:22px;border-bottom:1px solid var(--border)}.search{display:flex;align-items:center;gap:8px}.search input{border:0;background:none;font-size:13px}.employee{width:100%;justify-content:flex-start;text-align:left;padding:20px 0;gap:15px;border-bottom:1px solid var(--border)}.employee:last-child{border-bottom:0}.employee strong{display:block;font-size:14px;font-weight:500}.employee small{font-size:11px;color:var(--muted);display:block;margin-top:6px}.employee .status{margin-left:auto;font-size:10px;border-radius:4px;padding:6px 8px;background:#edf5ef;color:#528265;white-space:nowrap}.status.waiting{background:#fff6d3;color:#967c20}.status.off{background:#eee;color:#888}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:35px;padding:20px 0}.danger-zone strong{font-size:13px}.danger-zone p{font-size:11px;margin-top:5px}.reports{max-width:660px;padding:38px}.report-icon{padding:20px;display:inline-flex;background:#fff5c2;border-radius:15px;color:#8e791f;margin-bottom:25px}.reports p{font-size:13px;margin-top:12px}.reports label{max-width:290px;margin:25px 0}.reports small{display:block;color:var(--muted);font-size:10px;margin-top:20px}.empty-state{padding:35px;text-align:center;font-size:13px}.mobile-nav,.mobile-brand{display:none}.login{min-height:100vh;padding:45px;background:#24252d;color:#fff}.login .brand{margin:0}.login-card{width:min(470px,100%);margin:9vh auto}.login-card h1{font-size:46px;line-height:1.15}.login-card h1>span{color:#ffd400}.login-card p{color:#a6a7b0;font-size:14px;margin:24px 0 30px}.login-card button{width:100%}.login-card .secondary{color:#24252d}.login-card input{background:#34353e;color:#fff;border-color:#53545a}.demo-tag{font-size:10px;color:#b8b4a0;margin-bottom:18px}.alert{background:#fff0ec;border:1px solid #edc9be;color:#a04433;padding:13px;border-radius:7px;display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;margin-bottom:15px}.alert svg{flex-shrink:0}.alert>button{margin-left:auto;padding:0}.overlay{position:fixed;inset:0;z-index:30;background:#15161d88;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:var(--surface);color:var(--text);border-radius:16px;width:480px;max-width:100%;max-height:90dvh;overflow:auto;padding:28px;box-shadow:0 15px 100px #1113}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.modal-heading h2:first-letter{text-transform:uppercase}.modal-heading button{padding:0}.modal .primary,.modal .solid{width:100%}.modal>.secondary,.modal form>.secondary{width:100%;margin-top:10px}.modal .hint{font-size:11px;line-height:1.6;margin:15px 0}.day-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.day-tags span{font-size:9px;background:var(--bg);padding:6px 8px;border-radius:4px;color:var(--muted)}.toggle-card{border:1px solid var(--border);padding:17px;border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:12px 0}.toggle-card strong{display:block;font-size:13px}.toggle-card small{display:block;font-size:10px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:5px;max-width:275px}.toggle-card input,.check-label input{accent-color:#c4a500;width:19px;height:19px;flex-shrink:0}.subform{background:var(--bg);padding:5px 16px 12px;border-radius:8px}.subform label{font-size:11px}.subform textarea{min-height:70px}.check-label{flex-direction:row;align-items:center;font-weight:400}.divider{height:1px;background:var(--border);margin:25px 0}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#24252d;color:#fff;border:1px solid #62636a;border-radius:8px;padding:14px 20px;font-size:12px;display:flex;align-items:center;gap:9px;z-index:60;max-width:90vw;white-space:nowrap}.toast svg{color:#ffd400}.busy-indicator{position:fixed;top:12px;left:50%;transform:translate(-50%);font-size:11px;background:#ffd400;color:#24252d;padding:8px 14px;border-radius:15px;display:flex;align-items:center;gap:8px;z-index:70}.busy-indicator svg{animation:spin 1s linear infinite}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:70px;color:var(--muted)}.loading svg{animation:spin 1s linear infinite}.history pre{font-size:10px;max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--muted)}.history details{margin-top:10px;font-size:10px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){.calendar-layout{grid-template-columns:minmax(0,1fr) 290px}.day{min-height:95px}.content{padding-top:40px}}@media(max-width:1200px){.sidebar{width:200px;padding:30px 18px}main{margin-left:200px;width:calc(100% - 200px)}header{padding:0 27px}.content{padding:25px 27px 0}.context{display:none}.calendar-layout{grid-template-columns:1fr}.stat{padding:17px 15px}.stat-title{font-size:7px}.stat-value.text-value{font-size:16px}.page-heading h1{font-size:30px}.period-picker{min-width:200px}}@media(max-width:760px){.sidebar{display:none}main{margin:0;width:100%}header{height:72px;padding:0 20px}.breadcrumbs{display:none}.mobile-brand{display:block;font-size:25px;font-weight:600;letter-spacing:-1px}.mobile-brand>span{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}.identity{gap:8px}.identity strong{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.identity small{font-size:9px}.identity .avatar{width:30px;height:30px;font-size:9px}.identity>button{margin-left:4px}.content{padding:22px 18px 90px}.demo-banner{font-size:8px;line-height:1.5;margin-bottom:24px;gap:6px}.page-heading{display:block;margin-bottom:22px}.page-heading h1{font-size:32px}.page-heading p{font-size:12px;line-height:1.5;max-width:310px;margin-top:10px}.eyebrow{font-size:8px;letter-spacing:1.8px}.period-picker{margin-top:22px;max-width:100%}.period-picker select{width:100%;font-size:12px;padding:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat{min-height:108px;padding:15px}.stat-title{font-size:7px;letter-spacing:.8px}.stat-value{font-size:30px;margin-top:13px}.stat-value.text-value{font-size:17px;margin-top:18px}.panel{padding:18px;border-radius:10px}.panel-head{margin-bottom:20px}.panel-head h2{font-size:17px}.panel-head p{font-size:10px}.saved{font-size:8px;padding:5px;gap:3px}.calendar-grid{gap:4px}.day{min-height:62px;padding:8px 7px;border-radius:5px}.day-top{font-size:11px}.day-value{font-size:10px}.day-dot{right:6px;bottom:9px;width:4px;height:4px}.legend{gap:10px;font-size:8px;margin-top:18px;padding-top:16px}.weekdays span{font-size:8px;padding:5px 0 9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);z-index:20;padding:10px 8px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;gap:2px}.mobile-nav button{display:flex;flex-direction:column;gap:5px;color:var(--muted);padding:4px 2px;min-width:42px}.mobile-nav span{font-size:8px;white-space:nowrap}.mobile-nav .active{color:var(--text)}.mobile-nav .active svg{color:#a88e00}.vacation-panel .day{min-height:64px;padding:9px;font-size:12px}.vacation-panel .day svg{width:15px}.vacation-intro{padding:15px;gap:10px}.vacation-intro p{font-size:10px}.team-toolbar{flex-wrap:wrap;gap:8px}.search input{max-width:210px;padding:8px}.employee{gap:10px;padding:18px 0}.employee strong{font-size:12px}.employee small{font-size:9px;max-width:165px}.employee .status{font-size:8px;padding:5px}.employee>.avatar{width:29px;height:29px}.employee>svg{display:none}.danger-zone{display:block;margin-top:20px}.danger-zone button{margin-top:15px}.reports{padding:25px}.overlay{padding:12px;align-items:flex-end}.modal{width:100%;max-height:90dvh;padding:22px;border-radius:15px 15px 8px 8px;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.modal h2{font-size:19px}.toast{bottom:92px;font-size:11px}footer{font-size:6px;letter-spacing:.7px;margin-top:25px}.login{padding:30px 25px}.login-card{margin:10vh auto}.login-card h1{font-size:39px}.login-card p{font-size:13px}.login .brand{width:125px}.login .brand strong{font-size:33px}.history .detail-row{display:block}.history .detail-row>small{margin-top:13px}.detail-row{font-size:12px}.content>.panel h2{font-size:18px}}[data-theme=dark]{--bg: #1c1d24;--surface: #292a33;--text: #eeeef1;--muted: #a2a3ad;--border: #3a3b44;color-scheme:dark}[data-theme=dark] .day.marked{background:#283c33;border-color:#365242}[data-theme=dark] .day.leave{background:#253847;border-color:#34516a}[data-theme=dark] .saved,[data-theme=dark] .status{background:#293d32;color:#9bc9ad}[data-theme=dark] .avatar{background:#41424b;color:#ddd}[data-theme=dark] .status.waiting{background:#453d23;color:#ddc777}[data-theme=dark] .alert{background:#442d2b;border-color:#6c3e38;color:#efb2a7}[data-theme=dark] .chosen{background:#514820}[data-theme=dark] .report-icon{background:#4e4525;color:#ffd400}.brand img{display:block;width:100%;height:auto}.day.absent{background:#fff0ed;border-color:#edd4ce}.day.absent .day-value{color:#b35e51}.day.partial{background:#fff8e9;border-color:#eddfbc}.day.partial .day-value{color:#a87d30}.red{background:#c5796b}.notifications{margin-top:22px}.notifications>p{margin-top:10px}.notifications .detail-row{word-break:break-word}[data-theme=dark]{color:var(--text);background:var(--bg)}[data-theme=dark] .day.absent{background:#452e2b;border-color:#66433d}[data-theme=dark] .day.partial{background:#453d29;border-color:#675a39}@media(max-width:760px){.mobile-brand{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:0}.mobile-brand img{width:34px;height:auto;background:#24252d;border-radius:1px}.mobile-brand>span{font-size:10px;max-width:75px;line-height:1.4}}@media(max-width:760px){header{padding-top:max(env(safe-area-inset-top),var(--tg-content-safe-area-inset-top, 0px));height:calc(72px + max(env(safe-area-inset-top),var(--tg-content-safe-area-inset-top, 0px)))}.mobile-nav{padding-bottom:calc(9px + max(env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom, 0px)))}}