@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{color-scheme:light;--blue:#0b6fa3;--blue-deep:#084c73;--blue-soft:#e4f1f8;--green:#1fa672;--green-soft:#e3f6ec;--bg:#f1f7f7;--panel:#fff;--line:#dee9e8;--text:#132a30;--text-soft:#5d767d;--red:#c2483f;--amber:#b8863a;--exec1:#2e86de;--exec2:#16a085;--exec3:#8e5fc2;--shadow:0 1px 3px rgba(10,40,50,.06);--glass-bg:hsla(0,0%,100%,.62);--glass-border:hsla(0,0%,100%,.55);--glass-blur:16px}:root[data-theme=dark]{color-scheme:dark;--blue:#3fc1e9;--blue-deep:#0e3a54;--blue-soft:#123244;--green:#43d9a3;--green-soft:#0f3327;--bg:#0a161c;--panel:#101f27;--line:#1c333c;--text:#dceef0;--text-soft:#7fa0aa;--red:#e2695f;--amber:#d9a85c;--exec1:#5ba7f7;--exec2:#3fd9a0;--exec3:#b58aea;--shadow:0 1px 3px rgba(0,0,0,.3);--glass-bg:rgba(16,31,39,.58);--glass-border:hsla(0,0%,100%,.08)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Sarabun,sans-serif;color:var(--text);transition:background .2s,color .2s;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 45%),radial-gradient(circle at 88% 78%,color-mix(in srgb,var(--green) 14%,transparent),transparent 45%),var(--bg);background-attachment:fixed}a{color:inherit}::selection{background:var(--blue);color:#fff}:focus{outline:2px solid var(--blue);outline-offset:1px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--blue);outline-offset:1px}tr:hover{background:var(--bg)}.cal-cell-clickable{transition:background .12s}.cal-cell-clickable:hover{background:var(--blue-soft)!important}.cal-list-item{cursor:pointer}.cal-list-item:hover{background:var(--bg)}input,select,textarea{caret-color:var(--text)}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:19px;box-shadow:var(--shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.btn{all:unset;cursor:pointer;background:var(--blue);color:#fff;font-size:12.5px;padding:8px 15px;border-radius:8px;font-weight:600}.btn.grad{background:linear-gradient(90deg,var(--blue),var(--green));color:#04222a}.btn.ghost{background:none;border:1px solid var(--line);color:var(--text)}.btn.danger{background:none;border:1px solid var(--red);color:var(--red)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);padding:8px 10px}td,th{border-bottom:1px solid var(--line)}td{padding:10px}tr:last-child td{border-bottom:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.form-grid label{font-size:12px;font-weight:600;color:var(--text-soft);display:block;margin-bottom:5px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:13.5px;background:var(--bg);color:var(--text)}.form-grid .full{grid-column:1/-1}.err-text{font-size:11px;color:var(--red);margin-top:4px}.switch{position:relative;width:42px;height:24px;flex-shrink:0;display:inline-block}.switch input{opacity:0;width:0;height:0}.slider-tog{inset:0;background:var(--line);border-radius:20px;cursor:pointer}.slider-tog,.slider-tog:before{position:absolute;transition:.2s}.slider-tog:before{content:"";width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%}.switch input:checked+.slider-tog{background:linear-gradient(90deg,var(--blue),var(--green))}.switch input:checked+.slider-tog:before{transform:translateX(18px)}.toast{position:fixed;bottom:24px;right:24px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--green);color:var(--text);padding:13px 18px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:999;font-size:13.5px}.overlay{position:fixed;inset:0;background:rgba(5,20,25,.5);display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:14px;padding:24px;width:560px;max-width:92vw;max-height:88vh;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.25)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.app-sidebar{width:236px;flex-shrink:0;padding:22px 0;color:#eaf6f5;background:linear-gradient(200deg,var(--blue-deep) 0,#0b3b33 100%);height:100vh;position:-webkit-sticky;position:sticky;top:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transition:width .25s ease,padding-left .25s ease,padding-right .25s ease}.app-sidebar-inner{width:236px;min-width:236px;height:100%;display:flex;flex-direction:column}.app-sidebar.collapsed{width:0}:root[data-theme=dark] .app-sidebar{background:linear-gradient(200deg,#081820,#062018)}.app-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.app-topbar{background:var(--panel);border-bottom:1px solid var(--line);padding:13px 26px;display:flex;align-items:center;justify-content:space-between;gap:10px}.app-content{padding:24px 26px 60px;flex:1 1;overflow:auto}.hamburger-btn,.sidebar-backdrop{display:none}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:none;cursor:pointer;flex-shrink:0;font-size:16px;color:var(--text)}.sidebar-toggle-btn:hover{background:var(--bg)}.grid-2col{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:18px;gap:18px}.grid-2col-even{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.stat-row-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}@media (max-width:1024px){.app-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;transform:translateX(-100%);transition:transform .25s ease;box-shadow:4px 0 20px rgba(0,0,0,.25);overflow-y:auto;-webkit-overflow-scrolling:touch}.app-sidebar.open{transform:translateX(0)}.app-sidebar.collapsed{width:236px}.sidebar-toggle-btn{display:none}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:none;cursor:pointer;flex-shrink:0;font-size:18px;color:var(--text)}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99}.app-topbar{padding:11px 14px}.app-content{padding:16px 14px 40px}.greeting-text{display:none}.grid-2col,.grid-2col-even{grid-template-columns:1fr}.stat-row-4{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.modal{padding:18px;max-height:94vh}.card{overflow-x:auto}}@media (max-width:480px){.stat-row-4{grid-template-columns:1fr}.modal{width:100%;border-radius:12px}}.legal-ai-widget-wrap{position:fixed;right:18px;bottom:18px;z-index:998;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.legal-ai-widget-wrap *{pointer-events:auto}.legal-ai-bubble{position:relative;max-width:230px;padding:10px 18px;border-radius:22px;background:linear-gradient(120deg,var(--blue),var(--green));color:#fff;font-weight:600;font-size:13.5px;line-height:1.45;box-shadow:0 10px 26px rgba(0,0,0,.24);cursor:pointer;animation:legalAiBubbleIn .5s cubic-bezier(.2,.9,.2,1.2) both;margin-right:10px}.legal-ai-bubble:after{content:"";position:absolute;right:28px;bottom:-10px;width:0;height:0;border-left:14px solid transparent;border-top:14px solid var(--green);transform:rotate(-8deg)}.legal-ai-bubble-close{all:unset;position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#fff;color:#555;font-size:11px;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.28)}.legal-ai-bubble-close,.legal-ai-mascot-btn{display:flex;justify-content:center;cursor:pointer}.legal-ai-mascot-btn{position:relative;width:148px;height:148px;border:0;background:transparent;padding:0;align-items:flex-end}.legal-ai-mascot-btn img,.legal-ai-mascot-btn video{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));animation:legalAiMascotFloat 2.8s ease-in-out infinite;transition:transform .18s ease;transform-origin:57% 72%}.legal-ai-mascot-btn:hover img,.legal-ai-mascot-btn:hover video{transform:scale(1.08)}.legal-ai-mascot-img{animation:legalAiMascotFloat 2.8s ease-in-out infinite,legalAiPoseIn .32s cubic-bezier(.25,1.4,.4,1) both}.legal-ai-mascot-btn.mode-loading .legal-ai-mascot-img{animation:legalAiMascotThink 1.1s ease-in-out infinite,legalAiPoseIn .28s cubic-bezier(.25,1.4,.4,1) both}.legal-ai-mascot-btn.mode-closing .legal-ai-mascot-img{animation:legalAiMascotDash .42s ease-in-out infinite,legalAiPoseIn .22s ease-out both}.legal-ai-wave-lines{position:absolute;right:8px;top:16%;width:30px;height:46px;opacity:0;pointer-events:none;display:none}.legal-ai-mascot-btn.mode-idle .legal-ai-wave-lines{display:block;animation:legalAiWaveLines 2.6s ease-in-out infinite}.legal-ai-wave-lines span{position:absolute;right:0;width:17px;height:28px;border-right:4px solid #ffd51a;border-radius:0 24px 24px 0;transform:rotate(-12deg)}.legal-ai-wave-lines span:first-child{top:0}.legal-ai-wave-lines span:nth-child(2){top:10px;right:8px;height:22px}.legal-ai-mascot-close{position:absolute;top:2px;right:6px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;border:2px solid var(--panel);display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.25)}@keyframes legalAiBubbleIn{0%{opacity:0;transform:translateY(8px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes legalAiMascotFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(-1.5deg)}}@keyframes legalAiMascotWave{0%,60%,to{rotate:0deg}68%{rotate:2deg}76%{rotate:-2deg}84%{rotate:1.2deg}92%{rotate:-.8deg}}@keyframes legalAiWaveLines{0%,55%,to{opacity:0;transform:translateX(0) scale(.75)}65%,88%{opacity:1;transform:translateX(3px) scale(1)}}@keyframes legalAiPoseIn{0%{opacity:0;transform:scale(.72) translateY(6px)}60%{opacity:1;transform:scale(1.06) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes legalAiMascotThink{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(2deg)}}@keyframes legalAiMascotDash{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-4px) rotate(-4deg)}75%{transform:translateX(4px) rotate(4deg)}}@media (max-width:600px){.legal-ai-widget-wrap{right:10px;bottom:10px}.legal-ai-mascot-btn{width:110px;height:110px}.legal-ai-bubble{max-width:185px;font-size:12.5px;padding:8px 14px;margin-right:6px}.legal-ai-wave-lines{right:5px;width:22px;height:34px}.legal-ai-mascot-close{width:24px;height:24px;font-size:12px}}@media (prefers-reduced-motion:reduce){.legal-ai-bubble,.legal-ai-mascot-btn img,.legal-ai-mascot-btn video,.legal-ai-wave-lines{animation:none!important}}.att-timeline{padding:42px 6px 4px}.att-timeline-track{position:relative;height:10px;border-radius:6px;background:var(--line)}.att-band{position:absolute;top:0;height:100%;border-radius:6px}.att-band-in{background:color-mix(in srgb,var(--blue) 55%,transparent)}.att-band-out{background:color-mix(in srgb,var(--green) 55%,transparent)}.att-now{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--text);opacity:.4;transition:left .6s ease;transform:translateX(-1px);z-index:3}.att-now-icon{position:absolute;top:-15px;left:50%;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;line-height:1;background:var(--panel);transform:translateX(-50%);box-shadow:0 0 0 2px var(--panel),0 1px 4px rgba(0,0,0,.3)}.att-gauge-working{position:absolute;top:0;height:100%;border-radius:6px;z-index:1;background:linear-gradient(90deg,#ffd966,#f5a623);animation:attGaugeGlow 1.8s ease-in-out infinite}@keyframes attGaugeGlow{0%,to{opacity:.7;box-shadow:0 0 6px 1px rgba(245,166,35,.45)}50%{opacity:1;box-shadow:0 0 14px 4px rgba(245,166,35,.8)}}.att-pin{position:absolute;bottom:-4px;display:flex;flex-direction:column-reverse;align-items:center;gap:5px;transform:translateX(-50%);z-index:4}.att-pin-dot{width:18px;height:18px;border-radius:50%;border:3px solid var(--panel);box-shadow:0 1px 4px rgba(0,0,0,.25)}.att-pin-in .att-pin-dot{background:var(--green)}.att-pin-in.late .att-pin-dot{background:var(--red)}.att-pin-out .att-pin-dot{background:var(--blue-deep)}.att-pin-in.active .att-pin-dot{animation:attPinPulse 1.8s ease-in-out infinite}@keyframes attPinPulse{0%,to{box-shadow:0 1px 4px rgba(0,0,0,.25),0 0 0 0 color-mix(in srgb,var(--green) 55%,transparent)}50%{box-shadow:0 1px 4px rgba(0,0,0,.25),0 0 0 7px color-mix(in srgb,var(--green) 0,transparent)}}.att-pin-in.active.late .att-pin-dot{animation-name:attPinPulseLate}@keyframes attPinPulseLate{0%,to{box-shadow:0 1px 4px rgba(0,0,0,.25),0 0 0 0 color-mix(in srgb,var(--red) 55%,transparent)}50%{box-shadow:0 1px 4px rgba(0,0,0,.25),0 0 0 7px color-mix(in srgb,var(--red) 0,transparent)}}.att-pin-label{font-family:IBM Plex Mono,monospace;font-size:10.5px;white-space:nowrap;color:var(--text-soft);background:var(--panel);padding:1px 6px;border-radius:6px;border:1px solid var(--line)}@media (prefers-reduced-motion:reduce){.att-gauge-working,.att-pin-in.active .att-pin-dot{animation:none!important}}.att-timeline-ticks{position:relative;height:16px;margin-top:6px}.att-timeline-ticks span{position:absolute;transform:translateX(-50%);font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--text-soft)}.att-timeline-legend{display:flex;gap:16px;margin-top:14px;font-size:11.5px;color:var(--text-soft)}.att-dot-swatch{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:middle}.att-dot-swatch.in{background:var(--blue)}.att-dot-swatch.out{background:var(--green)}.att-clock{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:26px;letter-spacing:.01em}.att-action-row{display:flex;gap:10px;flex-wrap:wrap}.att-action-btn{all:unset;cursor:pointer;display:flex;align-items:center;gap:9px;padding:11px 16px;border-radius:11px;border:1px solid var(--line);background:var(--panel);font-size:13px;font-weight:600;color:var(--text);transition:border-color .15s,transform .1s}.att-action-btn:hover{border-color:var(--blue)}.att-action-btn:active{transform:translateY(1px)}.att-action-btn:disabled{opacity:.5;cursor:not-allowed}.att-action-btn .icon{font-size:17px;line-height:1}.att-action-btn.primary{background:linear-gradient(90deg,var(--blue),var(--green));color:#04222a;border-color:transparent}.att-action-btn.leave{border-color:#8e5fc2;color:#8e5fc2}.att-action-btn.leave:hover{background:color-mix(in srgb,#8e5fc2 10%,transparent);border-color:#8e5fc2}.att-holiday-banner{margin-bottom:14px;padding:10px 14px;border-radius:10px;font-size:12.5px;font-weight:600;background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber)}.att-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;color:#fff}.att-status-pill.ok{background:var(--green)}.att-status-pill.late{background:var(--red)}.att-status-pill.leave{background:#8e5fc2}.att-history-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line)}.att-history-row:last-child{border-bottom:none}.att-history-date{width:92px;flex-shrink:0;font-size:12.5px;color:var(--text-soft)}.att-history-bar{width:4px;height:30px;border-radius:3px;flex-shrink:0}.att-history-bar.ok{background:var(--green)}.att-history-bar.late{background:var(--red)}.att-history-bar.leave{background:#8e5fc2}.att-history-bar.empty{background:var(--line)}.att-history-times{display:flex;gap:18px;font-family:IBM Plex Mono,monospace;font-size:12.5px;flex:1 1;min-width:0;flex-wrap:wrap}.att-history-times.stacked{flex-direction:column;gap:4px}.att-history-times .label{font-family:Sarabun,sans-serif;color:var(--text-soft);font-size:11px;margin-right:4px}.att-leave-chip{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:600;color:var(--blue);text-decoration:none;padding:6px 12px 6px 10px;border-radius:20px;border:1px solid var(--blue);background:color-mix(in srgb,var(--blue) 9%,transparent);transition:background .15s,color .15s,transform .15s}.att-leave-chip:hover{background:var(--blue);color:#fff;transform:translateY(-1px)}.att-select-wrap{position:relative;display:inline-flex;align-items:center}.att-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:12.5px;font-weight:600;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:7px 30px 7px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.att-select:focus,.att-select:hover{border-color:var(--blue)}.att-select:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 20%,transparent)}.att-select-arrow{position:absolute;right:10px;pointer-events:none;color:var(--text-soft)}.att-page-grid{display:grid;grid-template-columns:minmax(0,780px) 300px;grid-gap:18px;gap:18px;align-items:start}.att-page-main{min-width:0}.att-page-side{position:-webkit-sticky;position:sticky;top:18px}.att-cal-card{padding:20px 20px 18px}.att-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px}.att-cal-head{margin-bottom:6px}.att-cal-weekday{text-align:center;font-size:10.5px;color:var(--text-soft);font-weight:700;padding-bottom:2px}.att-cal-cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:12px;font-weight:600;color:var(--text);background:var(--bg);border:1px solid transparent}.att-cal-cell.empty,.att-cal-cell.future{background:transparent}.att-cal-cell.future{color:var(--text-soft);border:1px dashed var(--line);font-weight:400}.att-cal-cell.none{background:var(--line);color:var(--text-soft)}.att-cal-cell.ok{background:color-mix(in srgb,var(--green) 30%,transparent);color:var(--green)}.att-cal-cell.late{background:color-mix(in srgb,var(--red) 22%,transparent);color:var(--red)}.att-cal-cell.remote{background:color-mix(in srgb,var(--blue) 26%,transparent);color:var(--blue)}.att-cal-cell.leave{background:color-mix(in srgb,#8e5fc2 24%,transparent);color:#8e5fc2}.att-cal-cell.today{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.att-cal-cell.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s,box-shadow .1s}.att-cal-cell.clickable:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.12)}.att-cal-cell.weekend{background:var(--line);color:var(--text-soft)}.att-cal-cell.holiday{background:color-mix(in srgb,var(--amber) 26%,transparent);color:var(--amber);font-weight:700}.att-cal-cell.selected{outline:2px solid var(--blue);outline-offset:1px}.att-cal-dot.weekend-dot{background:var(--line)}.att-cal-dot.holiday-dot{background:var(--amber)}.att-settings-preview{margin-bottom:18px;padding:16px 14px 4px;background:var(--bg);border-radius:12px}.att-settings-section{padding:16px 16px 18px;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;background:var(--panel)}.att-settings-section-title{font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:6px}.att-settings-section .form-grid{gap:14px 16px}.att-settings-section .form-grid label{font-size:11.5px}.att-wfh-row{display:flex;align-items:center;gap:10px}.att-org-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:20px;gap:20px;align-items:start}.att-day-panel{border-left:1px solid var(--line);padding-left:20px;min-height:160px}.att-day-list{max-height:420px;overflow-y:auto}.att-holiday-tag{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font-size:11px;font-weight:700;color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent);padding:3px 10px;border-radius:20px}.att-holiday-tag.weekend{color:var(--text-soft);background:var(--line)}@media (max-width:760px){.att-org-grid{grid-template-columns:1fr}.att-day-panel{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:16px;margin-top:4px}}.att-cal-legend{display:flex;flex-direction:column;gap:7px;margin-top:16px;font-size:11.5px;color:var(--text-soft)}.att-cal-legend span{display:flex;align-items:center;gap:7px}.att-cal-dot{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}.att-cal-dot.ok{background:var(--green)}.att-cal-dot.late{background:var(--red)}.att-cal-dot.remote{background:var(--blue)}.att-cal-dot.leave{background:#8e5fc2}.att-cal-dot.none{background:var(--line)}@media (max-width:980px){.att-page-grid{grid-template-columns:1fr}.att-page-side{position:static;max-width:780px}}@media (max-width:600px){.att-timeline{padding:38px 2px 4px}.att-pin-label{font-size:9.5px}.att-clock{font-size:21px}.att-cal-cell{font-size:11px}}.att-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}.att-stat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 6px;border-radius:12px;border:1px solid var(--line);background:var(--panel-soft,hsla(0,0%,100%,.02));text-align:center;font-family:inherit}.att-stat-tile.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.att-stat-tile.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.att-stat-icon{font-size:16px;line-height:1}.att-stat-num{font-size:22px;font-weight:800;line-height:1.1}.att-stat-label{font-size:11px;color:var(--text-soft);font-weight:600}.att-stat-tile.ok{border-color:color-mix(in srgb,var(--green) 45%,var(--line))}.att-stat-tile.ok .att-stat-num{color:var(--green)}.att-stat-tile.late{border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.att-stat-tile.late .att-stat-num{color:var(--red)}.att-stat-tile.holiday{border-color:color-mix(in srgb,var(--amber) 45%,var(--line))}.att-stat-tile.holiday .att-stat-num{color:var(--amber)}.att-stat-tile.leave{border-color:color-mix(in srgb,#8e5fc2 45%,var(--line))}.att-stat-tile.leave .att-stat-num{color:#8e5fc2}.att-stat-tile.none{border-color:color-mix(in srgb,var(--text-soft) 35%,var(--line))}.att-stat-tile.none .att-stat-num{color:var(--text-soft)}.att-breakdown-list{display:flex;flex-direction:column;gap:10px}.att-breakdown-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--green) 8%,transparent);border:1px solid var(--line)}.att-breakdown-row .icon{font-size:15px}.att-breakdown-row .label{flex:1 1;font-size:13px;color:var(--text)}.att-breakdown-row .count{font-size:16px;font-weight:800;color:var(--green)}@media (max-width:600px){.att-stats-grid{grid-template-columns:repeat(2,1fr)}.att-stat-num{font-size:19px}}.theme-toggle{position:relative;width:60px;height:30px;flex-shrink:0;border-radius:999px;padding:0;cursor:pointer;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:linear-gradient(135deg,#8fd3ff,#dff4ff);box-shadow:inset 0 1px 3px rgba(0,0,0,.08);transition:background .45s ease,border-color .45s ease}.theme-toggle.dark{background:linear-gradient(135deg,#0b1736,#1e2c56);border-color:#2a3b66}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#ffe37d;box-shadow:0 2px 6px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;transition:transform .45s cubic-bezier(.65,.05,.36,1),background .45s ease;transform:translateX(0)}.theme-toggle.dark .theme-toggle-thumb{transform:translateX(30px);background:#2c3b66}.theme-toggle-star{position:absolute;border-radius:50%;background:#fff;opacity:0;transition:opacity .4s ease .12s}.theme-toggle-star.s1{width:3px;height:3px;top:7px;left:10px}.theme-toggle-star.s2{width:2px;height:2px;top:17px;left:18px}.theme-toggle-star.s3{width:2px;height:2px;top:9px;left:20px}.theme-toggle.dark .theme-toggle-star{opacity:.9}.theme-toggle-cloud{width:14px;height:6px;border-radius:6px;top:19px;left:32px;opacity:1;transition:opacity .35s ease}.theme-toggle-cloud,.theme-toggle-cloud:before{position:absolute;background:hsla(0,0%,100%,.8)}.theme-toggle-cloud:before{content:"";width:8px;height:8px;border-radius:50%;top:-4px;left:2px}.theme-toggle.dark .theme-toggle-cloud{opacity:0}.theme-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-cloud,.theme-toggle-star,.theme-toggle-thumb{transition:none!important}}