:root{--color-dark:#0a0a0a;--color-sidebar:#1a1a2e;--color-accent:#6c63ff;--color-accent-hover:#5a52e0;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-bg:#fff;--color-surface:#f4f6f8;--color-border:#e5e7eb;--color-text-primary:#0a0a0a;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--radius-card:16px;--radius-btn:10px;--radius-input:10px;--shadow-card:0 2px 12px #0000000f;--shadow-modal:0 8px 40px #0000001f;--font:"Plus Jakarta Sans", sans-serif;--focus-ring:0 0 0 3px #6c63ff33}html{scroll-behavior:smooth;font-family:var(--font);scrollbar-gutter:stable}*,:before,:after{box-sizing:border-box}body{color:#0a0a0a;background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;line-height:1.6;overflow-x:hidden;font-family:Plus Jakarta Sans,sans-serif!important}#root{min-height:100%;font-family:Plus Jakarta Sans,sans-serif}.app-root{min-height:100vh;font-family:inherit}#root *,#root :before,#root :after{font-family:inherit}#root code,#root pre,#root kbd,#root samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}#root .recharts-wrapper,#root .recharts-wrapper svg,#root .recharts-surface,#root .recharts-layer text,#root .recharts-cartesian-axis-tick-value{font-family:Plus Jakarta Sans,sans-serif!important}h1{letter-spacing:-1.5px;font-size:56px;font-weight:800;line-height:1.1}h2{letter-spacing:-.5px;font-size:36px;font-weight:700;line-height:1.2}h3{font-size:22px;font-weight:600;line-height:1.3}a{color:inherit;text-decoration:none}button:not(:disabled),.landing-btn,.admin-primary-btn,.admin-secondary-btn,.admin-pill-btn,.admin-icon-btn,.admin-delete-outline-btn,.admin-btn-tiny,.admin-invite-copy-btn,.emp-primary-btn,.emp-secondary-btn,.emp-icon-btn{transition:all .15s}button:not(:disabled):hover,.landing-btn:hover,.admin-primary-btn:hover:not(:disabled),.admin-secondary-btn:hover:not(:disabled),.admin-pill-btn:hover:not(:disabled),.admin-icon-btn:hover:not(:disabled),.admin-delete-outline-btn:hover:not(:disabled),.admin-btn-tiny:hover:not(:disabled),.admin-invite-copy-btn:hover:not(:disabled),.emp-primary-btn:hover:not(:disabled),.emp-secondary-btn:hover:not(:disabled),.emp-icon-btn:hover:not(:disabled){transform:scale(1.02)}button:not(:disabled):active,.landing-btn:active,.admin-primary-btn:active:not(:disabled),.admin-secondary-btn:active:not(:disabled),.admin-pill-btn:active:not(:disabled),.admin-icon-btn:active:not(:disabled),.admin-delete-outline-btn:active:not(:disabled),.admin-btn-tiny:active:not(:disabled),.admin-invite-copy-btn:active:not(:disabled),.emp-primary-btn:active:not(:disabled),.emp-secondary-btn:active:not(:disabled),.emp-icon-btn:active:not(:disabled){transform:scale(.98)}button.admin-nav-item:hover,button.admin-nav-item:active,button.admin-calendar-view-btn:hover,button.admin-calendar-view-btn:active,.admin-filter-tabs button.admin-tab:hover,.admin-filter-tabs button.admin-tab:active,button.admin-trend-range-btn:hover,button.admin-trend-range-btn:active,button.emp-nav-item:hover,button.emp-nav-item:active,button.emp-calendar-view-btn:hover,button.emp-calendar-view-btn:active,button.emp-tab:hover,button.emp-tab:active,button.admin-invite-toggle:hover,button.admin-invite-toggle:active,button.themed-select-trigger:hover,button.themed-select-trigger:active,button.themed-date-trigger:hover,button.themed-date-trigger:active,button.feedback-modal-close:hover,button.feedback-modal-close:active,button.feedback-modal-done:hover,button.feedback-modal-done:active{transform:none}button.themed-select-trigger,button.themed-date-trigger{transition:border-color .15s,box-shadow .15s,opacity .15s,background-color .15s,color .15s}button.auth-eye-btn:hover,button.auth-eye-btn:active{transform:translateY(-50%)}button:focus-visible,.landing-btn:focus-visible,.admin-primary-btn:focus-visible,.admin-secondary-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}table tbody tr{transition:background-color .12s}table tbody tr:hover{background-color:#6c63ff0a}.admin-card,.emp-card,.feature-card,.auth-card,.admin-announcement-card,.emp-leave-stat-card,.emp-profile-error-card{transition:box-shadow .2s}.admin-card:hover,.emp-card:hover,.feature-card:hover,.auth-card:hover,.admin-announcement-card:hover,.emp-leave-stat-card:hover,.emp-profile-error-card:hover{box-shadow:0 4px 20px #0000001a}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),textarea,select{transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.admin-stat-number,.emp-stat-number,.js-counter{font-variant-numeric:tabular-nums}.ui-empty-state{text-align:center;max-width:400px;margin:0 auto;padding:32px 20px}.ui-empty-icon{box-sizing:border-box;background:#f4f6f8;border-radius:50%;width:48px;height:48px;margin:0 auto;position:relative}.ui-empty-title{color:#0a0a0a;margin:16px 0 0;font-size:16px;font-weight:600}.ui-empty-sub{color:#6b7280;margin:4px 0 0;font-size:14px;line-height:1.5}.ui-empty-icon-clock{border:2px solid #e5e7eb}.ui-empty-icon-clock:before{content:"";transform-origin:50% 100%;background:#9ca3af;border-radius:1px;width:2px;height:10px;margin-left:-1px;position:absolute;top:11px;left:50%;transform:rotate(0)}.ui-empty-icon-clock:after{content:"";transform-origin:50% 100%;background:#cbd5e1;border-radius:1px;width:2px;height:8px;margin-left:-1px;position:absolute;top:15px;left:50%;transform:rotate(55deg)}.ui-empty-icon-calendar{background:#f4f6f8;border:2px solid #e5e7eb;border-radius:12px}.ui-empty-icon-calendar:before{content:"";background:#e5e7eb;border-radius:2px;height:6px;position:absolute;top:10px;left:6px;right:6px}.ui-empty-icon-calendar:after{content:"";background:#d1d5db;border-radius:1px;height:2px;position:absolute;bottom:8px;left:10px;right:10px;box-shadow:0 -6px #d1d5db}.ui-empty-icon-users:before,.ui-empty-icon-users:after{content:"";background:#e5e7eb;border:2px solid #f4f6f8;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.ui-empty-icon-users:before{left:8px}.ui-empty-icon-users:after{background:#d1d5db;right:8px}.ui-empty-icon-bell{border:2px solid #e5e7eb;border-radius:12px 12px 8px 8px;width:40px;height:40px;margin-top:4px}.ui-empty-icon-bell:before{content:"";background:#d1d5db;border-radius:2px;width:14px;height:4px;margin-left:-7px;position:absolute;bottom:-6px;left:50%}.ui-empty-icon-bell:after{content:"";background:0 0;border:2px solid #cbd5e1;border-bottom:none;border-radius:10px 10px 0 0;width:16px;height:12px;margin-left:-8px;position:absolute;top:8px;left:50%}.ui-empty-icon-folder{border:2px solid #e5e7eb;border-radius:8px}.ui-empty-icon-folder:before{content:"";background:#d1d5db;border-radius:2px 2px 0 0;width:14px;height:6px;position:absolute;top:6px;left:8px}.ui-empty-icon-folder:after{content:"";background:#fff;border:2px solid #e5e7eb;border-radius:0 4px 4px;position:absolute;inset:12px 6px 8px}.ui-empty-icon-generic{border:2px dashed #d1d5db}.ui-empty-icon-generic:after{content:"";background:#cbd5e1;width:12px;height:2px;margin:-1px -6px;position:absolute;top:50%;left:50%;box-shadow:0 -5px #cbd5e1,0 5px #cbd5e1}:root{--scrollbar-size:10px;--scrollbar-size-thin:8px;--scrollbar-track:#e8ecf1;--scrollbar-thumb:color-mix(in srgb, var(--color-accent) 42%, #94a3b8);--scrollbar-thumb-hover:color-mix(in srgb, var(--color-accent) 58%, #64748b);--scrollbar-thumb-active:color-mix(in srgb, var(--color-accent) 70%, #475569);--scrollbar-track-dark:#00000047;--scrollbar-thumb-dark:#ffffff47;--scrollbar-thumb-dark-hover:#ffffff6b;--scrollbar-thumb-dark-active:#ffffff85}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.admin-sidebar-scroll,.emp-sidebar-scroll{scrollbar-color:var(--scrollbar-thumb-dark) var(--scrollbar-track-dark)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:9999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 50%, #a8b0bd) 0%, color-mix(in srgb, var(--color-accent) 38%, #8b95a5) 100%);border:2px solid var(--scrollbar-track);border-radius:9999px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 62%, #8b95a5) 0%, color-mix(in srgb, var(--color-accent) 52%, #64748b) 100%)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.admin-sidebar-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track-dark);border-radius:9999px}.emp-sidebar-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track-dark);border-radius:9999px}.admin-sidebar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#ffffff52 0%,#fff3 100%);border:2px solid #0003;box-shadow:inset 0 1px #ffffff1f}.emp-sidebar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#ffffff52 0%,#fff3 100%);border:2px solid #0003;box-shadow:inset 0 1px #ffffff1f}.admin-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffffff73 0%,#ffffff4d 100%)}.emp-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffffff73 0%,#ffffff4d 100%)}.admin-sidebar-scroll::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-dark-active)}.emp-sidebar-scroll::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-dark-active)}.admin-sidebar-scroll::-webkit-scrollbar-corner{background:0 0}.emp-sidebar-scroll::-webkit-scrollbar-corner{background:0 0}.themed-time-column::-webkit-scrollbar{width:var(--scrollbar-size-thin)}.themed-select-content::-webkit-scrollbar{width:var(--scrollbar-size-thin)}.feedback-modal-body::-webkit-scrollbar{width:var(--scrollbar-size-thin)}@media (prefers-reduced-motion:reduce){::-webkit-scrollbar-thumb{transition:none}}.fade-up{opacity:0;transform:translateY(30px)}.fade-in{opacity:0}.scale-in{opacity:0;transform:scale(.95)}.page-transition-overlay{background:var(--color-accent);z-index:1200;pointer-events:none;position:fixed;inset:0;transform:translate(100%)}.protected-route-loading{background:var(--color-surface);justify-content:center;align-items:center;min-height:100vh;display:flex}.protected-route-spinner{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite route-spin}@keyframes route-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-page{color:var(--color-text-primary);background:#1a1a2e;position:relative;overflow:hidden}.landing-global-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.landing-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.landing-navbar{-webkit-backdrop-filter:blur(12px);z-index:50;background:#0b0e1c9e;border-bottom:1px solid #ffffff1f;width:100%;position:fixed;top:0;left:0}.landing-navbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.landing-logo{letter-spacing:-.5px;font-size:28px;font-weight:800}.landing-logo-accent{color:var(--color-accent)}.landing-logo-nav{color:var(--color-bg);position:relative}.landing-logo-footer{color:var(--color-bg)}.landing-nav-actions{align-items:center;gap:12px;display:flex}.landing-nav-links{align-items:center;gap:18px;margin-left:auto;margin-right:8px;display:inline-flex}.landing-nav-links a{color:#ffffffc7;font-size:14px;font-weight:600}.landing-nav-links a:hover{color:var(--color-accent)}.landing-btn{border-radius:var(--radius-btn);border:1px solid #0000;padding:11px 18px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s}.landing-btn:hover{transform:scale(1.02)}.landing-btn-ghost{color:#fff;background:#ffffff14;border-color:#fff3}.landing-btn-ghost:hover{background:#ffffff24}.landing-btn-filled{background:var(--color-accent);color:var(--color-bg)}.landing-btn-filled:hover{background:var(--color-accent-hover)}.landing-hero{z-index:1;background:0 0;min-height:auto;padding:0 0 20px;position:relative;overflow:visible}.landing-hero-grid-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.landing-hero-inner{z-index:2;padding-top:108px;position:relative}.landing-hero h1{max-width:700px;color:var(--color-bg);letter-spacing:-.02em;margin:0;font-size:clamp(36px,5.4vw,64px);line-height:1.1}.hero-headline-accent{background:linear-gradient(90deg, var(--color-accent), #9d8fff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy{opacity:1}.landing-hero p{max-width:720px;color:var(--color-text-muted);margin:18px 0 32px;font-size:18px}.landing-hero-cta{display:inline-block}.hero-mockup{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-card);background:#0e122294;border:1px solid #ffffff29;margin-top:28px;padding:16px;box-shadow:0 18px 40px #02061757}.hero-mockup-interactive{padding:0}.hero-mockup-interactive .hero-mockup-shell{border-radius:var(--radius-card);background:#101528ad;min-height:280px;padding:22px;position:relative;overflow:hidden}.hero-mockup-sidebar{z-index:4;border-radius:var(--radius-card) 0 0 var(--radius-card);background:#0c1020e0;flex-direction:column;gap:10px;width:92px;padding:12px 8px;transition:transform .22s;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 18px #0000001f}.hero-mockup-sidebar-open{transform:translate(0)}.hero-mockup-sidebar-brand{background:color-mix(in srgb, var(--color-accent) 35%, transparent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto 4px;font-size:14px;font-weight:800;display:flex}.hero-mockup-nav{flex-direction:column;gap:4px;display:flex}.hero-mockup-nav-btn{color:#ffffff8c;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;padding:6px;font-family:inherit;font-size:10px;font-weight:600;line-height:1.2;transition:background .15s,color .15s}.hero-mockup-nav-btn:hover{color:#fff;background:#ffffff14}.hero-mockup-nav-btn-active{color:#fff;background:color-mix(in srgb, var(--color-accent) 35%, transparent)}.hero-mockup-backdrop{z-index:3;border-radius:var(--radius-card);cursor:pointer;background:#0f0f1924;border:none;margin:0;padding:0;position:absolute;inset:0}.hero-mockup-main{z-index:1;min-width:0;position:relative}.hero-mockup-header{color:#ffffffd1;justify-content:space-between;margin-bottom:18px;font-size:14px;font-weight:600;display:flex}.hero-mockup-header-row{align-items:center;gap:10px}.hero-mockup-burger{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:28px;height:22px;padding:0;transition:background .15s;display:inline-flex}.hero-mockup-burger:hover{background:#ffffff1f}.hero-mockup-burger span{background:#ffffffb8;border-radius:1px;width:100%;height:2px;display:block}.hero-mockup-title{color:#ffffffd6;flex:1;min-width:0;font-size:14px;font-weight:600}.hero-mockup-date{color:#ffffff9e;flex-shrink:0;font-size:13px;font-weight:600}.hero-mockup-panel{margin-top:0}.hero-mockup-table{border-collapse:collapse;width:100%;font-size:11px}.hero-mockup-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#ffffff8f;padding:4px 6px 8px;font-size:9px;font-weight:700}.hero-mockup-table td{vertical-align:middle;color:#ffffffe0;border-bottom:1px solid #ffffff1f;padding:6px}.hero-mockup-table tr:last-child td{border-bottom:none}.hero-mockup-avatar{background:color-mix(in srgb, var(--color-accent) 18%, transparent);width:22px;height:22px;color:var(--color-accent);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-right:6px;font-size:8px;font-weight:700;display:inline-flex}.hero-mockup-pill{border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.hero-mockup-pill-ok{color:#86efac;background:#22c55e38}.hero-mockup-pill-away{color:#fcd34d;background:#f59e0b38}.hero-mockup-pill-pending{color:#c4b5fd;background:#6c63ff3d}.hero-mockup-panel-leave{flex-direction:column;gap:12px;display:flex}.hero-mockup-leave-card{border-radius:var(--radius-input);background:#ffffff12;padding:12px}.hero-mockup-leave-card>div:first-child{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.hero-mockup-leave-card strong{color:#ffffffe6;font-size:13px}.hero-mockup-leave-card>div:first-child span{color:#ffffffad;font-size:11px}.hero-mockup-leave-bar{background:#ffffff29;border-radius:999px;height:5px;overflow:hidden}.hero-mockup-leave-bar span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.hero-mockup-requests-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff8f;margin:0 0 6px;font-size:10px;font-weight:600}.hero-mockup-request-row{color:#ffffffd6;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.hero-mockup-request-row:last-child{border-bottom:none}.hero-mockup-panel-cal{padding-bottom:2px}.hero-mockup-cal-head{color:#ffffffe6;margin-bottom:8px;font-size:12px;font-weight:700}.hero-mockup-cal-weekdays{color:#ffffff8f;text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;font-size:9px;font-weight:700;display:grid}.hero-mockup-cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.hero-mockup-cal-cell{color:#ffffffb8;cursor:pointer;background:#ffffff14;border:none;border-radius:4px;min-height:22px;padding:0;font-family:inherit;font-size:9px;font-weight:600;transition:background .12s,color .12s}.hero-mockup-cal-cell:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-accent)}.hero-mockup-cal-today{outline:2px solid var(--color-accent);outline-offset:-1px;color:var(--color-accent);font-weight:800}.hero-mockup-cal-event{background:color-mix(in srgb, var(--color-accent) 16%, transparent);color:var(--color-accent)}@media (prefers-reduced-motion:reduce){.hero-mockup-sidebar{transition:none}}.hero-mockup-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.hero-mockup-stats>div{border-radius:var(--radius-input);background:#ffffff14;padding:16px}.hero-mockup-stats strong{color:#ffffffeb;font-size:26px;display:block}.hero-mockup-stats small{color:#ffffffa3}.hero-mockup-grid{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.hero-chart,.hero-upcoming{border-radius:var(--radius-input);background:#ffffff14;padding:14px}.hero-chart{align-items:flex-end;gap:10px;min-height:120px;display:flex}.hero-chart div{border-radius:var(--radius-input);background:var(--color-accent);flex:1}.hero-chart div:first-child{height:40%}.hero-chart div:nth-child(2){height:70%}.hero-chart div:nth-child(3){height:55%}.hero-chart div:nth-child(4){height:85%}.hero-upcoming p{color:#ffffffb3;margin:0 0 10px;font-size:13px}.hero-upcoming div{border-radius:var(--radius-input);background:#fff3;height:12px;margin-bottom:10px}.landing-mid{z-index:1;background:0 0;position:relative}.hero-upcoming div:last-child{margin-bottom:0}.landing-features{background:0 0;padding:28px 0 20px;position:relative}.landing-features .landing-container{z-index:2;position:relative}.landing-features h2,.landing-cta h2{color:#fff;margin:0 0 22px;font-size:clamp(28px,3vw,40px)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-card);background:#12172c9e;border:1px solid #ffffff29;border-top:3px solid #ffffff38;padding:24px;transition:border-top-color .25s,transform .25s,box-shadow .25s;box-shadow:0 14px 34px #02061752}.feature-card:hover{border-top-color:var(--color-accent);box-shadow:var(--shadow-modal);transform:translateY(-4px)}.feature-number{color:#fff3;margin-bottom:10px;font-size:48px;font-weight:800;line-height:1;display:block}.feature-card h3{color:#fff;margin:0 0 10px;font-size:20px}.feature-card p{color:#ffffffc7;margin:0;line-height:1.5}.landing-cta{background:0 0;padding:44px 0 64px;position:relative}.landing-cta .landing-container{z-index:2;position:relative}.landing-info{background:0 0;padding:10px 0 34px;position:relative}.landing-info-inner{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid;position:relative}.landing-info-card{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-card);background:#12172c9e;border:1px solid #ffffff29;padding:26px;box-shadow:0 14px 34px #02061752}.landing-info-card h2{color:#fff;margin:0 0 8px;font-size:28px}.landing-info-card p{color:#ffffffc7;margin:0;line-height:1.55}.landing-info-lead{font-size:18px;font-weight:700;color:#fff!important;margin:0 0 10px!important}.landing-contact-mail{color:var(--color-accent);margin-top:12px;font-weight:700;display:inline-block}.landing-cta-btn{padding:14px 24px;font-size:18px;display:inline-block}.landing-footer{background:var(--color-dark);color:var(--color-bg);border-top:1px solid var(--color-border)}.landing-footer-inner{justify-content:space-between;align-items:center;min-height:90px;display:flex}.landing-headline .headline-word{margin-right:.28ch;display:inline-block}.feature-card:first-child{transition-delay:0s}.feature-card:nth-child(2){transition-delay:35ms}.feature-card:nth-child(3){transition-delay:70ms}@keyframes hero-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-mockup-interactive button.hero-mockup-burger:hover,.hero-mockup-interactive button.hero-mockup-burger:active,.hero-mockup-interactive .hero-mockup-nav-btn:hover,.hero-mockup-interactive .hero-mockup-nav-btn:active,.hero-mockup-interactive .hero-mockup-cal-cell:hover,.hero-mockup-interactive .hero-mockup-cal-cell:active{transform:none}@media (width<=960px){.landing-nav-links{display:none}.feature-grid,.hero-mockup-grid,.hero-mockup-stats,.landing-info-inner{grid-template-columns:1fr}}.auth-page{background:var(--color-surface);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-page-tiled{background:#fff;position:relative;overflow:hidden}.auth-tiled-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.auth-tiled-grid-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.auth-tiled-overlay{z-index:1;pointer-events:none;background:radial-gradient(125% 100% at 50% 30%,#ffffff0a 0%,#ffffff8c 48%,#f4f6f8d9 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.auth-page-tiled .auth-tiled-overlay{background:#ffffff80}}.auth-card{z-index:2;background:var(--color-bg);border-radius:var(--radius-card);width:100%;max-width:480px;box-shadow:var(--shadow-modal);padding:30px 30px 28px;animation:.35s both auth-card-fade-in;position:relative}.auth-logo{letter-spacing:-.5px;color:var(--color-dark);margin:0 0 4px;font-size:30px;font-weight:800;line-height:1.15;display:block}.auth-logo-accent{color:var(--color-accent)}.auth-title{color:var(--color-text-primary);margin:0;padding:0;font-size:28px;line-height:1.25}.auth-subtitle{color:var(--color-text-secondary);margin:8px 0 28px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:7px;display:flex}.auth-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-label{color:#374151;transform-origin:0;font-size:13px;font-weight:500;transition:transform .2s,color .2s}.auth-field:focus-within .auth-label{color:var(--color-accent);transform:translateY(-2px)scale(.85)}.auth-forgot-link{color:var(--color-accent);font-size:13px}.auth-input-wrap{position:relative}.auth-input{border:1.5px solid var(--color-border);border-radius:var(--radius-input);width:100%;color:var(--color-text-primary);background:var(--color-bg);outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 18%, transparent)}.auth-select-wrap{position:relative}.auth-select{appearance:none;padding-right:42px}.auth-select:disabled{background:var(--color-surface);color:var(--color-text-secondary)}.auth-select-caret{color:var(--color-text-secondary);pointer-events:none;font-size:14px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-input-readonly{background:var(--color-surface);color:var(--color-text-secondary)}.auth-eye-btn{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-input-wrap .auth-eye-btn:hover,.auth-input-wrap .auth-eye-btn:active{background:var(--color-surface);transform:translateY(-50%)}.auth-input-wrap .auth-eye-btn:focus-visible{outline:none;transform:translateY(-50%);box-shadow:0 0 0 2px #6c63ff40}.auth-checkbox-row{justify-content:space-between;align-items:center;margin-top:0;display:flex}.auth-checkbox{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:14px;display:inline-flex}.auth-checkbox input{accent-color:var(--color-accent)}a.auth-btn{box-sizing:border-box;text-align:center;width:100%;text-decoration:none;display:block}.auth-btn{border-radius:var(--radius-btn);width:100%;color:var(--color-bg);background:var(--color-accent);cursor:pointer;border:none;padding:12px 18px;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s,filter .2s;transform:none}.auth-btn:hover:not(:disabled){background:var(--color-accent-hover);filter:brightness(1.07);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 40%, transparent), 0 6px 20px #6c63ff38;transform:none}.auth-btn:active:not(:disabled){filter:brightness(1.12);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 55%, transparent), 0 3px 12px #6c63ff33;transform:none}.auth-btn:disabled{cursor:not-allowed;opacity:.75;filter:none;box-shadow:none;transform:none}.auth-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6c63ff33}.auth-form .auth-btn{margin-top:10px}.auth-btn-content{z-index:1;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.auth-spinner{border:2px solid color-mix(in srgb, var(--color-bg) 60%, transparent);border-top-color:var(--color-bg);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite auth-spin}.auth-error{color:var(--color-danger);margin:8px 0 0;font-size:14px}.auth-captcha-wrap{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-bg);align-items:center;min-height:74px;padding:10px;display:flex}.auth-footer-link{text-align:center;color:var(--color-text-secondary);margin:26px 0 0;font-size:14px}.auth-footer-link a{color:var(--color-accent);font-weight:600}.auth-success-state{text-align:center;padding:2px 4px 0}.auth-success-state .auth-title{margin-top:0}.auth-success-state .auth-subtitle{margin-bottom:0}.auth-success-icon{width:56px;height:56px;color:var(--color-bg);background:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:30px;font-weight:700;display:flex}.auth-expired-text{color:var(--color-text-secondary);margin:8px 0 22px;line-height:1.55}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-card-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-card{animation:none}}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.themed-date-trigger{border:1.5px solid var(--color-border);border-radius:var(--radius-input,10px);width:100%;min-height:48px;font-family:var(--font);color:var(--color-text-primary);cursor:pointer;text-align:left;background:#fff;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:inline-flex}.themed-date-placeholder{color:var(--color-text-muted);font-weight:500}.themed-date-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border))}.themed-date-trigger:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.themed-date-trigger:disabled{opacity:.55;cursor:not-allowed}.themed-date-trigger-icon{color:var(--color-text-secondary);flex-shrink:0;display:flex}.themed-date-popover{z-index:5000;border:1px solid var(--color-border);box-shadow:var(--shadow-modal);background:#fff;border-radius:12px;padding:10px}.themed-day-picker{--rdp-accent-color:var(--color-accent);--rdp-accent-background-color:color-mix(in srgb, var(--color-accent) 14%, transparent);--rdp-day_button-border-radius:8px;--rdp-today-color:var(--color-accent);font-family:var(--font)}.themed-select-trigger{border:1.5px solid var(--color-border);border-radius:var(--radius-input,10px);width:100%;min-height:48px;font-family:var(--font);color:var(--color-text-primary);cursor:pointer;text-align:left;background:#fff;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:inline-flex}.themed-select-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border))}.themed-select-trigger:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.themed-select-trigger:disabled{opacity:.55;cursor:not-allowed}.themed-select-trigger[data-placeholder]{color:var(--color-text-muted)}.themed-select-icon{color:var(--color-text-secondary);flex-shrink:0;display:flex}.themed-select-content{border:1px solid var(--color-border);box-shadow:var(--shadow-modal);z-index:5000;min-width:var(--radix-select-trigger-width);max-height:min(320px, var(--radix-select-content-available-height));background:#fff;border-radius:10px;overflow:hidden}.themed-select-viewport{overscroll-behavior:contain;padding:6px}.themed-select-item{color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;display:flex;position:relative}.themed-select-item[data-highlighted]{background:color-mix(in srgb, var(--color-accent) 10%, transparent);color:var(--color-text-primary)}.themed-select-item[data-state=checked]{background:color-mix(in srgb, var(--color-accent) 14%, transparent);font-weight:600}.themed-select-check{color:var(--color-accent);flex-shrink:0;font-size:12px}.dashboard-topbar-cluster{background:linear-gradient(#fcfcfd 0%,#f4f6f9 100%);border:1px solid #e8ecf1;border-radius:14px;align-items:center;gap:8px;width:max-content;min-width:0;max-width:min(100%,100vw - 48px);padding:5px 8px 5px 6px;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.dashboard-greeting{text-align:left;flex-direction:column;flex:0 auto;justify-content:center;gap:2px;min-width:0;padding:4px 0;display:flex}.dashboard-greeting-welcome{letter-spacing:-.01em;color:var(--color-text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.dashboard-greeting-hi{color:var(--color-text-secondary,#64748b);font-weight:500}.dashboard-greeting-name{color:var(--color-text-primary,#0f172a);font-weight:600}.dashboard-greeting-meta{color:var(--color-text-secondary,#64748b);font-variant-numeric:tabular-nums;margin:0;font-size:11px;font-weight:500;line-height:1.35}.dashboard-greeting-time-row{color:inherit;flex-wrap:wrap;align-items:center;gap:0;display:inline-flex}.dashboard-greeting-day,.dashboard-greeting-date{color:var(--color-text-secondary,#64748b);font-weight:500}.dashboard-greeting-time{color:var(--color-text-primary,#475569);letter-spacing:.01em;font-weight:600}.dashboard-greeting-sep{color:#cbd5e1;-webkit-user-select:none;user-select:none;margin:0 6px;font-weight:400}.dashboard-greeting-sep--time{margin:0 6px}@media (width<=520px){.dashboard-topbar-cluster{gap:6px;max-width:min(100%,100vw - 24px);padding:4px 6px 4px 4px}.dashboard-greeting{padding:2px 0}.dashboard-greeting-welcome{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.dashboard-greeting-meta{font-size:10px}.dashboard-greeting-sep{margin:0 4px}}.feedback-modal-overlay{z-index:6000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.feedback-modal-card{width:100%;max-width:440px;max-height:min(90vh,640px);font-family:var(--font);background:#fff;border:1px solid #e8ecf1;border-radius:14px;overflow:auto;box-shadow:0 24px 48px #0f172a2e}.feedback-modal-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 12px 18px;display:flex}.feedback-modal-head h2{color:#0f172a;letter-spacing:-.02em;flex:1;min-width:0;margin:0;font-size:17px;font-weight:600;line-height:1.3}.feedback-modal-close{color:#64748b;cursor:pointer;background:#f4f6f8;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;transition:background .15s,color .15s;display:inline-flex}.feedback-modal-close svg{flex-shrink:0;display:block}.feedback-modal-close:hover{color:#0f172a;background:#e8ecf1}.feedback-modal-body{padding:16px 18px 8px}.feedback-modal-section{margin-bottom:0;padding-bottom:18px}.feedback-modal-section:not(:last-of-type){border-bottom:1px solid #f1f5f9;margin-bottom:0;padding-bottom:18px}.feedback-modal-section+.feedback-modal-section{padding-top:18px}.feedback-modal-section h3{color:#0f172a;margin:0 0 8px;font-size:14px;font-weight:600}.feedback-modal-section p{color:#475569;margin:0 0 10px;font-size:14px;line-height:1.55}.feedback-modal-mail{color:var(--color-accent);word-break:break-all;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.feedback-modal-mail:hover{text-decoration:underline}.feedback-modal-actions{padding:0 18px 18px}.feedback-modal-done{background:var(--color-accent);color:#fff;width:100%;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;padding:11px 16px;transition:filter .15s,transform .12s}.feedback-modal-done:hover{filter:brightness(1.05)}.feedback-modal-done:active{transform:scale(.99)}.sidebar-feedback-above-workspace{border-top:1px solid #ffffff0f;flex-shrink:0;margin-top:4px;padding:8px 10px 10px}.sidebar-feedback-above-workspace .sidebar-feedback-trigger{margin-bottom:0}.sidebar-feedback-trigger{color:#ffffffe0;width:100%;font-family:var(--font);cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.sidebar-feedback-trigger:hover{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.sidebar-feedback-trigger svg{opacity:.92;flex-shrink:0;display:block}.sidebar-feedback-trigger-text{text-align:center;line-height:1.3}.sidebar-feedback-trigger--collapsed{width:100%;min-height:44px;margin-bottom:10px;padding:10px}.sidebar-feedback-trigger--collapsed .sidebar-feedback-trigger-text{display:none}.emp-dashboard{min-height:100vh;font-family:var(--font);grid-template-columns:260px minmax(0,1fr);transition:grid-template-columns .22s;display:grid}.emp-dashboard--sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.emp-sidebar{background:var(--color-sidebar);z-index:30;flex-direction:column;align-self:start;min-width:0;height:100vh;max-height:100vh;transition:transform .25s;display:flex;position:sticky;top:0;overflow:hidden}.emp-sidebar-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.emp-sidebar-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:8px;padding:24px 16px 16px;display:flex}.emp-sidebar-logo{color:#fff;letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.15}.emp-sidebar-logo-mini{color:#fff;letter-spacing:-.5px;padding:4px 0 0 2px;font-size:22px;font-weight:800;line-height:1}.emp-sidebar-logo-accent{color:var(--color-accent)}.emp-sidebar-collapse-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.emp-sidebar-collapse-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff38}.emp-sidebar-divider{border-bottom:1px solid #ffffff14;flex-shrink:0;margin:0 12px}.emp-nav{flex:1;padding:12px 10px}.emp-nav-item{color:#fff9;cursor:pointer;width:100%;min-height:44px;font-size:14px;font-weight:500;font-family:var(--font);background:0 0;border:0;border-left-width:medium;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,color .15s;display:flex;position:relative}.emp-nav-item:before{content:"";background:var(--color-accent);transform-origin:50%;border-radius:0 2px 2px 0;width:3px;transition:transform .15s;position:absolute;top:6px;bottom:6px;left:0;transform:scaleY(0)}.emp-nav-item-label{text-align:left;flex:1;min-width:0}.emp-nav-badge{color:#fff;text-align:center;background:#ef4444f2;border-radius:999px;flex-shrink:0;min-width:18px;height:18px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;line-height:18px}.emp-sidebar--collapsed .emp-nav-badge{color:#0000;width:8px;min-width:8px;height:8px;margin-left:0;padding:0;font-size:0;line-height:0;position:absolute;top:4px;right:6px;overflow:hidden}.emp-nav-item svg{flex-shrink:0;width:18px;height:18px}.emp-nav-item:hover{color:#fff;background:#ffffff0f}.emp-nav-item-active{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:#fff}.emp-nav-item-active:before{transform:scaleY(1)}.emp-sidebar--collapsed .emp-nav-item{justify-content:center;padding:10px 8px}.emp-sidebar--collapsed .emp-nav-item .emp-nav-item-label,.emp-sidebar--collapsed .emp-nav-item:before{display:none}.emp-sidebar--collapsed .emp-sidebar-header{flex-direction:column;align-items:center;gap:10px;padding:18px 8px 12px}.emp-sidebar--collapsed .emp-sidebar-collapse-btn{order:-1}.emp-sidebar-view-block{border-top:1px solid #ffffff0f;flex-shrink:0;margin-top:4px;padding:8px 10px 16px}.emp-sidebar-view-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff61;margin:0 0 8px 4px;font-size:11px;font-weight:600}.emp-sidebar-view-mode{background:color-mix(in srgb, var(--color-accent) 16%, transparent);color:#ffffffeb;box-sizing:border-box;border:1px solid #6c63ff59;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.3;display:flex}.emp-sidebar-view-mode--emp{background:color-mix(in srgb, var(--color-success) 14%, transparent);border-color:#22c55e59}.emp-sidebar-view-mode-icon{color:#fffffff2;flex-shrink:0;display:inline-flex}.emp-sidebar-view-mode-icon svg{width:18px;height:18px}.emp-sidebar-view-mode-text{flex:1;min-width:0}.emp-sidebar--collapsed .emp-sidebar-view-mode-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.emp-sidebar--collapsed .emp-sidebar-view-mode{justify-content:center;padding:10px;position:relative}.emp-sidebar--collapsed .emp-sidebar-view-label{display:none}.emp-sidebar--collapsed .emp-sidebar-view-block{padding-bottom:12px}.emp-sidebar-footer-wrap{flex-shrink:0;margin-top:auto;padding:12px 10px 16px}.emp-sidebar-footer-card{background:#00000038;border:1px solid #ffffff1f;border-radius:12px;padding:14px 14px 12px;box-shadow:inset 0 1px #ffffff0a}.emp-sidebar-user-name{color:#fff;word-break:break-word;margin:0;font-size:14px;font-weight:600;line-height:1.35}.emp-sidebar-user-email{color:#ffffff85;word-break:break-all;margin:6px 0 0;font-size:12px;line-height:1.4}.emp-sidebar-logout-btn{color:#fecaca;cursor:pointer;width:100%;font-size:13px;font-weight:600;font-family:var(--font);background:#ef44441f;border:1px solid #ef444473;border-radius:8px;margin-top:12px;padding:10px 14px;transition:background .15s,border-color .15s,color .15s}.emp-sidebar-logout-btn:hover{color:#fff;background:#ef444438;border-color:#f87171a6}.emp-sidebar-user-avatar-mini{background:color-mix(in srgb, var(--color-accent) 22%, transparent);color:#fff;letter-spacing:.02em;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 10px;font-size:12px;font-weight:700;display:flex}.emp-sidebar-logout-btn--collapsed{justify-content:center;align-items:center;width:100%;margin-top:0;padding:8px;display:inline-flex}.emp-sidebar--collapsed .emp-sidebar-footer-card{text-align:center;padding:12px 8px}.emp-main{background:var(--color-surface);min-width:0}.emp-topbar{border-bottom:1px solid var(--color-border);box-sizing:border-box;background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 16px 12px 32px;display:flex}.emp-topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.emp-hamburger{background:var(--color-surface);cursor:pointer;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:none}.emp-hamburger span{background:var(--color-text-primary);border-radius:1px;width:20px;height:2px;display:block}.emp-topbar-heading{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:2px 0;display:flex}.emp-topbar-org{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:600;line-height:1.35;overflow:hidden}.emp-topbar-page-title{min-width:0}.emp-topbar-page-title h1{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:1px 0 3px;font-size:20px;font-weight:600;line-height:1.4;overflow:hidden}.emp-topbar-user{flex-shrink:0;min-width:0;margin-left:auto}.dashboard-topbar-cluster .emp-avatar-top{flex-shrink:0;align-self:center}.emp-avatar-top{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:inline-flex}.emp-content{padding:32px}.emp-content-embedded{min-height:0;padding:32px}.emp-error{color:var(--color-danger);margin:0 0 16px}.emp-card{border-radius:var(--radius-card);font-family:var(--font);background:#fff;border:1px solid #e8ecf1;padding:24px;box-shadow:0 2px 12px #0f172a0f}.emp-card>h2{color:var(--color-text-primary);margin:0 0 16px;font-size:17px;font-weight:600}.emp-dash-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.emp-dash-col{flex-direction:column;gap:24px;display:flex}.emp-check-card{text-align:center;flex-direction:column;justify-content:flex-start;min-height:0;padding:24px;display:flex}.emp-check-card-title{text-align:center;color:var(--color-text-primary);margin:0 0 20px;font-size:17px;font-weight:600}.emp-check-card .emp-spinner-wrap{justify-content:center;align-items:center;min-height:180px;display:flex}.emp-check-main{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:172px;display:flex}.emp-check-action-btn{appearance:none;color:#fff;letter-spacing:.02em;cursor:pointer;width:144px;min-width:0;height:144px;font-size:14px;font-weight:600;line-height:1.25;font-family:var(--font);text-align:center;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0 12px;transition:transform .18s cubic-bezier(.34,1.02,.68,1),box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 4px 14px #0f172a1f}.emp-check-action-btn--in{background:linear-gradient(165deg, color-mix(in srgb, var(--color-accent) 95%, #fff) 0%, var(--color-accent) 55%, color-mix(in srgb, var(--color-accent) 75%, #000) 100%)}.emp-check-action-btn--out{background:linear-gradient(165deg, color-mix(in srgb, var(--color-danger) 92%, #fff) 0%, var(--color-danger) 55%, color-mix(in srgb, var(--color-danger) 78%, #000) 100%)}button.emp-check-action-btn:hover:not(:disabled){filter:brightness(1.04);transform:scale(1.045);box-shadow:0 10px 28px #0f172a2e}button.emp-check-action-btn:active:not(:disabled){filter:brightness(.97);transition-duration:80ms;transform:scale(.96);box-shadow:0 2px 10px #0f172a24}.emp-check-action-btn:focus-visible{box-shadow:0 0 0 3px #fff, 0 0 0 6px color-mix(in srgb, var(--color-accent) 45%, transparent);outline:none}.emp-check-action-btn--out:focus-visible{box-shadow:0 0 0 3px #fff, 0 0 0 6px color-mix(in srgb, var(--color-danger) 45%, transparent)}@media (prefers-reduced-motion:reduce){.emp-check-action-btn{transition:box-shadow .15s,filter .15s}button.emp-check-action-btn:hover:not(:disabled),button.emp-check-action-btn:active:not(:disabled){transform:none}}.emp-check-times-section{border-top:1px solid var(--color-border);width:100%;margin-top:20px;padding-top:20px}.emp-done-wrap{flex-direction:column;align-items:center;gap:12px;margin-bottom:0;display:flex}.emp-done-icon{background:color-mix(in srgb, var(--color-success) 18%, transparent);width:72px;height:72px;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;display:flex}.emp-done-icon svg{width:36px;height:36px}.emp-done-text{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.emp-done-sub{color:var(--color-text-secondary);margin:0;font-size:14px}.emp-time-row{text-align:center;grid-template-columns:1fr 1fr;gap:24px;max-width:100%;margin:0 auto;display:grid}.emp-time-label{color:var(--color-text-secondary);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.emp-time-value{color:var(--color-text-secondary);font-size:18px;font-weight:600}.emp-time-value-set{color:var(--color-accent)}.emp-leave-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.emp-leave-stats-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.emp-leave-stats-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.emp-leave-stat-card{background:linear-gradient(#fff 0%,#fafbfc 100%);border:1px solid #e8ecf1;border-radius:12px;padding:16px 10px;box-shadow:0 2px 8px #0f172a0d}.emp-leave-stat-used{color:var(--color-text-muted);margin-top:4px;font-size:11px}.emp-leave-pending-row{border-top:1px solid #f4f6f8;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.emp-leave-pending-num{color:var(--color-accent);font-size:20px;font-weight:700}.emp-leave-stat-num{color:var(--color-text-primary);font-size:28px;font-weight:700}.emp-leave-stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:12px}.emp-event-row{border-bottom:1px solid #f4f6f8;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.emp-event-row:last-child{border-bottom:none}.emp-event-border{border-radius:4px;flex-shrink:0;align-self:stretch;width:4px}.emp-event-border-holiday{background:var(--color-danger)}.emp-event-border-meeting{background:#7c3aed}.emp-event-border-general{background:var(--color-accent)}.emp-event-title{color:var(--color-text-primary);font-size:14px;font-weight:500}.emp-event-date{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.emp-announce-item{background:#fff;border:1px solid #e8ecf1;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0f172a0a}.emp-announce-item:last-child{margin-bottom:0}.emp-announce-item--pinned{border-color:color-mix(in srgb, var(--color-accent) 22%, #e2e8f0);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 10%, transparent), 0 6px 18px #0f172a0f}.emp-announce-pinned-strip{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--color-accent) 88%, #1e1b4b);background:linear-gradient(105deg, color-mix(in srgb, var(--color-accent) 12%, #fff) 0%, color-mix(in srgb, var(--color-accent) 6%, #f8fafc) 100%);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 14%, #e8ecf1);align-items:center;gap:6px;padding:7px 12px;font-size:10px;font-weight:700;display:flex}.emp-announce-pinned-strip-icon{color:var(--color-accent);display:flex}.emp-announce-pinned-strip-icon svg{width:13px;height:13px}.emp-announce-item-inner{padding:12px 14px 14px}.emp-announce-title{color:var(--color-text-primary);margin:0 0 6px;font-size:14px;font-weight:600}.emp-priority-pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;margin-bottom:6px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-flex}.emp-priority-pill--urgent{color:#b91c1c;background:linear-gradient(#fff5f5 0%,#fef2f2 100%);border-color:#ef444433}.emp-priority-pill--important{color:#c2410c;background:linear-gradient(#fffbeb 0%,#fff7ed 100%);border-color:#f59e0b42}.emp-announce-body{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.emp-announce-meta{color:var(--color-text-muted);margin-top:8px;font-size:12px}.emp-empty{text-align:center;color:var(--color-text-secondary);padding:32px 16px;font-size:14px}.emp-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.75s linear infinite emp-spin}@keyframes emp-spin{to{transform:rotate(360deg)}}.emp-section-block{gap:24px;display:grid}.emp-section-header{margin:0 0 4px}.emp-section-header h2{color:var(--color-text-primary,#0f172a);margin:0 0 6px;font-size:22px;font-weight:700}.emp-section-lead{color:var(--color-text-secondary,#64748b);margin:0;font-size:14px;font-weight:500}.emp-announcements-feed{gap:16px;display:grid}.emp-card.emp-announcement-card{text-align:left;padding:0;overflow:hidden}.emp-announcement-card--pinned{border-color:color-mix(in srgb, var(--color-accent) 22%, #e2e8f0);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 10%, transparent), 0 8px 26px #0f172a12}.emp-announcement-pinned-bar{background:linear-gradient(105deg, color-mix(in srgb, var(--color-accent) 14%, #fff) 0%, color-mix(in srgb, var(--color-accent) 7%, #f8fafc) 100%);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 18%, #e8ecf1);align-items:center;gap:8px;padding:11px 18px;display:flex}.emp-announcement-pinned-bar-icon{background:color-mix(in srgb, var(--color-accent) 16%, #fff);width:28px;height:28px;color:var(--color-accent);border-radius:8px;justify-content:center;align-items:center;display:flex}.emp-announcement-pinned-bar-icon svg{width:15px;height:15px}.emp-announcement-pinned-bar-text{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--color-accent) 90%, #1e1b4b);font-size:12px;font-weight:700}.emp-announcement-card-inner{padding:22px 24px 24px}.emp-announcement-card--pinned .emp-announcement-card-inner{padding-top:22px}.emp-announcement-card-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.emp-announcement-card-title{color:#0f172a;margin:0;font-size:17px;font-weight:600;line-height:1.35}.emp-announcement-card-body{color:#334155;margin:0;font-size:15px;line-height:1.55}.emp-announcement-card-footer{color:#64748b;border-top:1px solid #eef2f6;flex-wrap:wrap;gap:8px 14px;margin-top:14px;padding-top:12px;font-size:13px;display:flex}.emp-announcement-card-meta{font-weight:500}.emp-announce-view-all{font:inherit;color:var(--color-accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:12px;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.emp-announce-view-all:hover{filter:brightness(.95)}.emp-filter-tabs{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;border-radius:13px 13px 0 0;flex-wrap:wrap;gap:4px;margin:-24px -24px 18px;padding:6px;display:flex;box-shadow:inset 0 1px #ffffffd9}.emp-tab{letter-spacing:.01em;cursor:pointer;color:#64748b;min-height:38px;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:10px;padding:8px 14px;transition:background .16s,color .16s,box-shadow .16s,transform .12s}.emp-tab:hover:not(.emp-tab-active){color:#334155;background:#0f172a0d}.emp-tab-active{color:var(--color-accent);box-shadow:0 1px 3px #0f172a14, 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent);background:#fff}.emp-tab:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 28%, transparent);outline:none}.emp-tab-active:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 28%, transparent), 0 1px 3px #0f172a14, 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent)}@media (prefers-reduced-motion:reduce){.emp-tab{transition:background .15s,color .15s,box-shadow .15s}}.emp-card>.emp-filter-tabs+h2{margin-top:0}.emp-summary-line{color:var(--color-text-secondary);margin:0 0 16px;font-size:14px}.emp-summary-line strong{color:var(--color-text-primary)}.emp-table-wrap{overflow:auto}.emp-table{border-collapse:collapse;width:100%;font-family:var(--font)}.emp-table thead{background:#f9fafb}.emp-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:12px 20px;font-size:12px;font-weight:600}.emp-table tbody tr{transition:background-color .12s}.emp-table td{color:var(--color-text-primary);border-bottom:1px solid #f4f6f8;padding:16px 20px;font-size:14px}.emp-table tbody tr:hover{background:#fafafa}.emp-status-badge{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.emp-status-success{color:#16a34a;background:#dcfce7}.emp-status-warning{color:#ca8a04;background:#fef9c3}.emp-status-danger{color:#dc2626;background:#fee2e2}.emp-status-default{color:var(--color-text-secondary);background:#f4f6f8}.emp-form{gap:14px;display:grid}.emp-form label{color:#374151;gap:6px;font-size:13px;font-weight:500;display:grid}.emp-form input,.emp-form select,.emp-form textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-input);width:100%;font-size:15px;font-family:var(--font);outline:none;padding:12px 14px}.emp-form input:focus,.emp-form select:focus,.emp-form textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent)}.emp-form .themed-select-trigger,.emp-form .themed-date-trigger{width:100%}.emp-primary-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-btn);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border:none;width:100%;padding:12px 20px}.emp-primary-btn:hover{background:var(--color-accent-hover)}.emp-primary-btn:disabled{opacity:.6;cursor:not-allowed}.emp-calendar-section{width:100%;min-width:0}.emp-calendar-toolbar{width:100%;margin-bottom:20px}.emp-calendar-surface{box-sizing:border-box;border:1px solid var(--color-border);background:linear-gradient(#fff 0%,#f8fafc 100%);border-radius:14px;flex-direction:column;align-items:stretch;width:100%;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0f172a0d}.emp-calendar-nav-row{justify-content:center;align-items:center;gap:14px;width:100%;min-width:0;display:flex}.emp-calendar-view-toggle{border:1px solid var(--color-border);background:linear-gradient(#fff 0%,#f8fafc 100%);border-radius:14px;flex-shrink:0;align-items:stretch;gap:4px;padding:4px;display:inline-flex;box-shadow:0 1px 3px #0f172a0d}.emp-calendar-surface .emp-calendar-view-toggle{width:100%;box-shadow:none;background:0 0;border:none;border-top:1px solid #e2e8f0f2;border-radius:0;grid-template-columns:1fr 1fr;align-self:stretch;gap:8px;margin:12px 0 0;padding:12px 4px 0;display:grid}.emp-calendar-surface .emp-calendar-view-btn{justify-content:center;width:100%;min-width:0}.emp-calendar-view-btn{min-height:40px;color:var(--color-text-secondary);letter-spacing:.01em;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;transition:background .16s,color .16s,box-shadow .16s,transform .12s;display:inline-flex}.emp-calendar-view-btn-icon{color:currentColor;justify-content:center;align-items:center;display:flex}.emp-calendar-view-btn-icon svg{flex-shrink:0;width:18px;height:18px}button.emp-calendar-view-btn:hover:not(:disabled){transform:none}.emp-calendar-view-btn:hover:not(.emp-calendar-view-btn--active){color:var(--color-text-primary);background:#0f172a0d}.emp-calendar-view-btn:active:not(:disabled){transform:scale(.98)}.emp-calendar-view-btn--active{color:var(--color-accent);box-shadow:0 1px 3px #0f172a14, 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent);background:#fff}.emp-calendar-view-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 30%, transparent);outline:none}.emp-calendar-view-btn--active:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 30%, transparent), 0 1px 3px #0f172a14, 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent)}@media (width<=640px){.emp-calendar-view-btn-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.emp-calendar-view-btn{min-width:44px;padding:8px 12px}}@media (prefers-reduced-motion:reduce){.emp-calendar-view-btn{transition:background .15s,color .15s,box-shadow .15s}.emp-calendar-view-btn:active:not(:disabled){transform:none}}.emp-calendar-nav-btn{color:#475569;cursor:pointer;width:42px;height:42px;font-family:var(--font);background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .16s cubic-bezier(.34,1.02,.68,1),box-shadow .16s,border-color .16s,background .16s,color .16s;display:inline-flex;box-shadow:0 1px 2px #0f172a0f}.emp-calendar-nav-btn:hover{border-color:color-mix(in srgb, var(--color-accent) 38%, #e2e8f0);color:var(--color-accent);background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 14px #0f172a1a}.emp-calendar-nav-btn:active{transform:translateY(0)scale(.96);box-shadow:0 1px 3px #0f172a14}.emp-calendar-nav-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 35%, transparent);outline:none}@media (prefers-reduced-motion:reduce){.emp-calendar-nav-btn{transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.emp-calendar-nav-btn:hover,.emp-calendar-nav-btn:active{transform:none}}.emp-calendar-nav-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:min(200px,42vw);display:flex}.emp-calendar-month{letter-spacing:-.03em;color:var(--color-text-primary);margin:0;font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:700;line-height:1.15}.emp-calendar-year{letter-spacing:.12em;color:var(--color-text-secondary);text-transform:uppercase;font-size:.8125rem;font-weight:600}.emp-icon-btn{cursor:pointer;background:#f4f6f8;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:inline-flex}.emp-icon-btn:hover{background:#e5e7eb}.emp-calendar{box-sizing:border-box;border-radius:var(--radius-card);width:100%;max-width:100%;box-shadow:var(--shadow-card);background:#fff;padding:24px}.emp-calendar-weekdays{text-align:center;letter-spacing:.06em;color:var(--color-text-secondary);text-transform:uppercase;grid-template-columns:repeat(7,1fr);gap:6px;padding:0 4px 12px;font-size:11px;font-weight:700;display:grid}.emp-calendar-grid{border:1px solid var(--color-border);background:linear-gradient(165deg,#f1f5f9 0%,#e8edf3 100%);border-radius:14px;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px;display:grid}@media (width<=900px){.emp-calendar-grid{gap:6px;padding:8px}}.emp-day-cell{text-align:left;cursor:pointer;min-height:92px;font-family:var(--font);background:#fff;border:1px solid #e8ecf1;border-radius:12px;flex-direction:column;align-items:stretch;padding:8px 8px 7px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0d}.emp-day-cell:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, #e2e8f0);transform:translateY(-1px);box-shadow:0 6px 16px #0f172a14}.emp-day-cell:active{transform:translateY(0)}.emp-day-cell--is-today{border-color:color-mix(in srgb, var(--color-accent) 42%, #e2e8f0);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent), 0 2px 8px #6c63ff1f}.emp-day-cell--has-events{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 9%, #fff) 0%, #fff 100%)}.emp-day-cell--has-events:before{content:"";background:linear-gradient(90deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 65%, #a78bfa));pointer-events:none;border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.emp-day-muted{opacity:.92;background:#f8fafc}.emp-day-muted:hover{opacity:1}.emp-day-cell.emp-day-muted.emp-day-cell--has-events{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 7%, #f8fafc) 0%, #f8fafc 100%)}.emp-day-muted .emp-day-number{color:#cbd5e1}.emp-day-number{color:var(--color-text-primary);flex-shrink:0;font-size:13px;font-weight:700}.emp-day-number-today{background:var(--color-accent);color:#fff;width:28px;height:28px;box-shadow:0 2px 6px color-mix(in srgb, var(--color-accent) 45%, transparent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.emp-day-events{flex-direction:column;flex:1;gap:4px;min-height:0;margin-top:6px;display:flex}.emp-event-pill{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%;font-size:11px;font-weight:600;line-height:1.25;font-family:var(--font);text-align:left;box-sizing:border-box;border-radius:6px;margin:0;padding:4px 8px;transition:filter .12s,transform .12s;display:block;overflow:hidden;box-shadow:inset 0 1px #ffffff73}.emp-event-pill.calendar-event-chip:hover{filter:brightness(.97)}.emp-event-pill.calendar-event-chip:active{transform:scale(.99)}.emp-event-pill-holiday{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.emp-event-pill-meeting{color:#7c3aed;background:#ede9fe;border:1px solid #ddd6fe}.emp-event-pill-general{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);border:1px solid color-mix(in srgb, var(--color-accent) 35%, transparent)}.emp-event-more{letter-spacing:.02em;color:var(--color-text-secondary);border:1px solid var(--color-border);background:#f1f5f9;border-radius:6px;align-self:flex-start;margin-top:2px;padding:3px 7px;font-size:10px;font-weight:700}button.emp-event-more{font:inherit;font-family:var(--font);cursor:pointer}.emp-event-pill--stacked{white-space:normal;padding:5px 8px}.emp-event-pill-meta{opacity:.92;letter-spacing:.02em;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.emp-event-pill-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.emp-day-events-modal-row{cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;padding:0;display:block}.emp-calendar-list{box-sizing:border-box;border-radius:var(--radius-card);width:100%;max-width:100%;box-shadow:var(--shadow-card);background:#fff;padding:24px}.emp-calendar-list-day{margin-bottom:24px}.emp-calendar-list-day:last-child{margin-bottom:0}.emp-calendar-list-date{color:var(--color-text-secondary);margin:0 0 10px;font-size:14px;font-weight:600}.emp-calendar-list-items{margin:0;padding:0;list-style:none}.emp-calendar-list-row{text-align:left;cursor:pointer;width:100%;font-family:var(--font);background:#fafafa;border:none;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.emp-calendar-list-row:hover{background:#f4f6f8}.emp-calendar-list-border{border-radius:4px;flex-shrink:0;align-self:stretch;width:4px}.emp-calendar-list-body{flex-direction:column;gap:4px;min-width:0;display:flex}.emp-calendar-list-title{color:var(--color-text-primary);font-size:14px;font-weight:600}.emp-calendar-list-time{color:var(--color-text-secondary);font-size:12px}.emp-type-badge{color:var(--color-text-secondary);background:#f4f6f8;border-radius:20px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.emp-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.emp-modal-card{border-radius:var(--radius-card);width:480px;max-width:100%;box-shadow:var(--shadow-modal);font-family:var(--font);background:#fff;padding:32px}.emp-modal-card h3{margin:0 0 8px;font-size:20px;font-weight:700}.emp-modal-card p{color:var(--color-text-secondary);margin:0 0 8px;font-size:14px}.emp-modal-actions{margin-top:20px}.emp-secondary-btn{border:1.5px solid var(--color-border);color:#374151;border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font);background:0 0;padding:10px 20px}.emp-toast{background:var(--color-sidebar);color:#fff;box-shadow:var(--shadow-modal);z-index:2000;border-radius:12px;max-width:min(360px,100vw - 32px);padding:14px 22px;font-size:14px;font-weight:500;position:fixed;bottom:24px;right:24px}.emp-dashboard-loading{min-height:100vh;color:var(--color-text-secondary);font-family:var(--font);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.emp-profile-error{min-height:100vh;font-family:var(--font);justify-content:center;align-items:center;padding:24px;display:flex}.emp-profile-error-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);text-align:center;background:#fff;max-width:420px;padding:40px}.emp-profile-error-card h1{margin:0 0 12px;font-size:20px}.emp-profile-error-card p{color:var(--color-text-secondary);margin:0;font-size:15px}.emp-sidebar-backdrop{display:none}@media (width<=767px){.emp-dashboard,.emp-dashboard--sidebar-collapsed{grid-template-columns:1fr}.emp-sidebar-collapse-btn{display:none}.emp-sidebar{z-index:100;width:260px;box-shadow:none;align-self:stretch;height:100%;max-height:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.emp-sidebar-open{transform:translate(0);box-shadow:8px 0 32px #0003}.emp-sidebar-backdrop{z-index:99;cursor:pointer;background:#00000073;border:none;padding:0;display:block;position:fixed;inset:0}.emp-hamburger{display:inline-flex}.emp-content{padding:16px}.emp-topbar{padding:12px 12px 12px 16px}.emp-dash-grid{grid-template-columns:1fr}.emp-leave-stats{grid-template-columns:1fr;gap:20px}.emp-leave-stats-five{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-flow:row;gap:12px;margin:0 -4px;padding-bottom:10px;padding-left:4px;padding-right:4px;display:flex;overflow-x:auto}.emp-leave-stats-five .emp-leave-stat-card{flex:0 0 min(42vw,168px)}}@media (width<=900px) and (width>=768px){.emp-dash-grid{grid-template-columns:1fr}}.themed-time-trigger-icon{color:var(--color-text-secondary);flex-shrink:0;display:flex}.themed-time-popover{z-index:5000;border:1px solid var(--color-border);box-shadow:var(--shadow-modal);background:#fff;border-radius:12px;padding:10px 12px}.themed-time-columns{gap:10px;display:flex}.themed-time-column-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.themed-time-column-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);padding-left:2px;font-size:11px;font-weight:600}.themed-time-column{border:1px solid var(--color-border);scrollbar-width:thin;border-radius:10px;max-height:min(280px,50vh);padding:4px;overflow:hidden auto}.themed-time-option{width:100%;min-width:52px;font-family:var(--font);font-variant-numeric:tabular-nums;color:var(--color-text-primary);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:block}.themed-time-option:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.themed-time-option-active{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent);font-weight:600}.themed-time-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.admin-dashboard{min-height:100vh;font-family:var(--font);grid-template-columns:260px minmax(0,1fr);transition:grid-template-columns .22s;display:grid}.admin-dashboard--sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.admin-sidebar{background:var(--color-sidebar);z-index:30;flex-direction:column;align-self:start;min-width:0;height:100vh;max-height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.admin-sidebar-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.admin-sidebar-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:8px;padding:24px 16px 16px;display:flex}.admin-sidebar-brand{min-width:0}.admin-sidebar-logo{color:#fff;letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.15}.admin-sidebar-logo-mini{color:#fff;letter-spacing:-.5px;padding:4px 0 0 2px;font-size:22px;font-weight:800;line-height:1}.admin-sidebar-logo-accent{color:var(--color-accent)}.admin-sidebar-collapse-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.admin-sidebar-collapse-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff38}.admin-sidebar-divider{border-bottom:1px solid #ffffff14;flex-shrink:0;margin:0 12px}.admin-nav{flex:1;padding:12px 10px}.admin-nav-item{color:#fff9;cursor:pointer;background:0 0;border:0;border-left-width:medium;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.admin-nav-item:before{content:"";background:var(--color-accent);transform-origin:50%;border-radius:0 2px 2px 0;width:3px;transition:transform .15s;position:absolute;top:6px;bottom:6px;left:0;transform:scaleY(0)}.admin-nav-item-label{text-align:left;flex:1;min-width:0}.admin-nav-badge{color:#fff;text-align:center;background:#ef4444f2;border-radius:999px;flex-shrink:0;min-width:18px;height:18px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;line-height:18px}.admin-sidebar--collapsed .admin-nav-badge{color:#0000;width:8px;min-width:8px;height:8px;margin-left:0;padding:0;font-size:0;line-height:0;position:absolute;top:4px;right:6px;overflow:hidden}.admin-nav-item svg{width:18px;height:18px}.admin-nav-item:hover{color:#fff;background:#ffffff0f}.admin-nav-item-active{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:#fff}.admin-nav-item-active:before{transform:scaleY(1)}.admin-sidebar--collapsed .admin-nav-item{justify-content:center;padding:10px 8px}.admin-sidebar--collapsed .admin-nav-item .admin-nav-item-label,.admin-sidebar--collapsed .admin-nav-item:before{display:none}.admin-sidebar--collapsed .admin-sidebar-header{flex-direction:column;align-items:center;gap:10px;padding:18px 8px 12px}.admin-sidebar--collapsed .admin-sidebar-collapse-btn{order:-1}.admin-sidebar-view-block{border-top:1px solid #ffffff0f;flex-shrink:0;margin-top:4px;padding:8px 10px 16px}.admin-sidebar-view-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff61;margin:0 0 8px 4px;font-size:11px;font-weight:600}.admin-sidebar-view-btn{background:color-mix(in srgb, var(--color-accent) 16%, transparent);color:#ffffffeb;text-align:left;cursor:pointer;border:1px solid #6c63ff59;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.3;transition:background .15s,border-color .15s,color .15s;display:flex}.admin-sidebar-view-btn:hover{background:color-mix(in srgb, var(--color-accent) 28%, transparent);color:#fff;border-color:#6c63ff8c}.admin-sidebar-view-btn--emp{background:color-mix(in srgb, var(--color-success) 14%, transparent);border-color:#22c55e59}.admin-sidebar-view-btn--emp:hover{background:color-mix(in srgb, var(--color-success) 22%, transparent);border-color:#22c55e80}.admin-sidebar-view-btn-icon{color:#fffffff2;flex-shrink:0;display:inline-flex}.admin-sidebar-view-btn-icon svg{width:18px;height:18px}.admin-sidebar-view-btn-text{flex:1;min-width:0}.admin-sidebar--collapsed .admin-sidebar-view-btn-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-sidebar--collapsed .admin-sidebar-view-btn{justify-content:center;padding:10px}.admin-sidebar--collapsed .admin-sidebar-view-label{display:none}.admin-sidebar--collapsed .admin-sidebar-view-block{padding-bottom:12px}.dashboard-topbar-cluster .admin-avatar-top-emp{flex-shrink:0;align-self:center}.admin-avatar-top-emp{background:color-mix(in srgb, var(--color-accent) 18%, transparent);width:36px;height:36px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.admin-sidebar-footer-wrap{flex-shrink:0;margin-top:auto;padding:12px 10px 16px}.admin-sidebar-footer-card{background:#00000038;border:1px solid #ffffff1f;border-radius:12px;padding:14px 14px 12px;box-shadow:inset 0 1px #ffffff0a}.admin-sidebar-user-name{color:#fff;word-break:break-word;margin:0;font-size:14px;font-weight:600;line-height:1.35}.admin-sidebar-user-email{color:#ffffff85;word-break:break-all;margin:6px 0 0;font-size:12px;line-height:1.4}.admin-sidebar-logout-btn{color:#fecaca;cursor:pointer;background:#ef44441f;border:1px solid #ef444473;border-radius:8px;width:100%;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.admin-sidebar-logout-btn:hover{color:#fff;background:#ef444438;border-color:#f87171a6}.admin-sidebar-user-avatar-mini{background:color-mix(in srgb, var(--color-accent) 22%, transparent);color:#fff;letter-spacing:.02em;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 10px;font-size:12px;font-weight:700;display:flex}.admin-sidebar-logout-btn--collapsed{justify-content:center;align-items:center;width:100%;margin-top:0;padding:8px;display:inline-flex}.admin-sidebar--collapsed .admin-sidebar-footer-card{text-align:center;padding:12px 8px}.admin-main{background:var(--color-surface)}.admin-topbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 16px 12px 32px;display:flex}.admin-topbar-heading{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:2px 4px 2px 0;display:flex}.admin-topbar-org{color:#64748b;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:600;line-height:1.35;overflow:hidden}.admin-topbar-page-title{min-width:0}.admin-topbar-page-title h1{color:#0a0a0a;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:1px 0 3px;font-size:20px;font-weight:600;line-height:1.4;overflow:hidden}.admin-topbar-aside{flex-shrink:0;min-width:0;margin-left:auto}.admin-settings-subtitle{color:var(--color-text-secondary);margin:-4px 0 20px;font-size:12px;font-weight:500;line-height:1.45}.admin-content{padding:32px}.admin-overview,.admin-section-block{gap:28px;display:grid}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.admin-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.admin-card{border-radius:var(--radius-card);background:#fff;border:1px solid #e8ecf1;padding:24px;box-shadow:0 2px 12px #0f172a0f}.admin-card,.admin-table,.admin-form input,.admin-form select,.admin-form textarea,.admin-primary-btn,.admin-secondary-btn,.admin-tab,.admin-pill-btn{font-family:var(--font)}.admin-stat-card{background:linear-gradient(#fff 0%,#fafbfc 100%);border:1px solid #e8ecf1;min-height:0;box-shadow:0 2px 8px #0f172a0d}.admin-card-head{justify-content:space-between;align-items:center;display:flex}.admin-card-head p{color:#6b7280;margin:0;font-size:13px;font-weight:500}.admin-card h3{color:var(--color-text-primary);margin:12px 0 0;font-size:36px;font-weight:700}.admin-stat-row{align-items:flex-start;gap:14px;display:flex}.admin-stat-icon-wrap{width:42px;height:42px;color:var(--color-text-secondary);background:#f4f6f8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-stat-icon-wrap--employees{color:var(--color-accent)}.admin-stat-icon-wrap--present{color:var(--color-success)}.admin-stat-icon-wrap--leave{color:var(--color-warning)}.admin-stat-icon-wrap--announcements{color:#a855f7}.admin-stat-icon-wrap svg{width:20px;height:20px}.admin-stat-body{flex:1;min-width:0}.admin-stat-label{color:var(--color-text-secondary);margin:0;font-size:13px;font-weight:500;line-height:1.35}.admin-stat-card .admin-stat-number{color:var(--color-text-primary);letter-spacing:-.02em;margin:6px 0 0;font-size:28px;font-weight:700;line-height:1.15}.admin-stat-number--ratio{flex-wrap:wrap;align-items:baseline;gap:0;display:flex}.admin-stat-ratio-num{font-variant-numeric:tabular-nums}.admin-stat-ratio-slash{color:var(--color-text-muted);align-self:center;margin:0 .04em;font-size:.68em;font-weight:600;line-height:1}.admin-stat-ratio-den{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:.82em;font-weight:700}.admin-activity-list{margin:0;padding:0;list-style:none}.admin-card>h2{color:#0a0a0a;margin:0 0 16px;font-size:17px;font-weight:600}.admin-activity-list li{border-bottom:1px solid #f4f6f8;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.admin-activity-user{align-items:center;gap:12px;display:flex}.admin-avatar{background:color-mix(in srgb, var(--color-accent) 15%, transparent);width:36px;height:36px;color:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.admin-avatar-soft{width:36px;height:36px}.admin-activity-user strong{color:#0a0a0a;font-size:14px;font-weight:500;display:block}.admin-activity-user span{color:#6b7280;font-size:12px}.admin-activity-user-text{min-width:0}.admin-activity-detail-line{color:#6b7280;margin-top:2px;font-size:12px;line-height:1.35;display:block}.admin-activity-type-pill{text-transform:none;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.admin-activity-type-pill--in{color:#15803d;background:#dcfce7}.admin-activity-type-pill--out{color:#4338ca;background:#e0e7ff}.admin-activity-type-pill--join{color:#15803d;background:#dcfce7}.admin-activity-type-pill--bye{color:#b91c1c;background:#fee2e2}.admin-status-badge{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.admin-status-success{color:#16a34a;background:#dcfce7}.admin-status-warning{color:#ca8a04;background:#fef9c3}.admin-status-danger{color:#dc2626;background:#fee2e2}.admin-status-default{color:#6b7280;background:#f4f6f8}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-section-header.admin-surface-toolbar{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;margin-bottom:4px;padding:12px 16px;box-shadow:0 1px 3px #0f172a0d}.admin-section-header.admin-surface-toolbar h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.admin-employee-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-section-header h2{margin:0;font-size:17px;font-weight:600}.admin-employee-title{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.admin-employee-title .admin-employee-count{margin-left:0}.admin-employee-toprow{flex-wrap:wrap;align-items:center;gap:12px 16px}.admin-employee-search{flex:220px;min-width:0;max-width:360px}.admin-employee-search-input{box-sizing:border-box;width:100%;color:var(--color-text-primary,#0f172a);background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.admin-employee-search-input::placeholder{color:var(--color-text-muted,#94a3b8);font-weight:400}.admin-employee-search-input:hover{border-color:color-mix(in srgb, var(--color-accent,#6c63ff) 35%, var(--color-border,#e2e8f0))}.admin-employee-search-input:focus{border-color:var(--color-accent,#6c63ff);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent,#6c63ff) 22%, transparent)}.admin-employee-search-meta{color:var(--color-text-secondary,#64748b);font-weight:500}.admin-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-employee-toprow .admin-employee-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.admin-card-employees .admin-table-wrap{margin-top:0}.admin-card-employees .admin-table tbody tr{height:auto}.admin-card-employees .admin-table th,.admin-card-employees .admin-table td{height:auto;min-height:52px;padding:12px 14px}.admin-card-employees .admin-table thead th{white-space:nowrap}.admin-card-employees .admin-table th:last-child,.admin-card-employees .admin-table td:last-child{text-align:center;width:120px;padding-left:8px;padding-right:8px}.admin-card-employees .admin-user-cell{gap:12px}.admin-card-employees .admin-user-cell>span:last-child{min-width:0;font-weight:500}.admin-card-employees .admin-icon-btn{justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:inline-flex}@media (width<=720px){.admin-employee-toprow .admin-employee-actions{justify-content:stretch;width:100%;margin-left:0}.admin-employee-toprow .admin-employee-actions .admin-secondary-btn,.admin-employee-toprow .admin-employee-actions .admin-primary-btn{flex:auto;justify-content:center;align-items:center;min-width:min(140px,100%);display:inline-flex}}.admin-employee-count{color:#64748b;letter-spacing:.01em;white-space:nowrap;margin-left:4px;font-size:14px;font-weight:600}.admin-primary-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.admin-primary-btn:hover{background:var(--color-accent-hover)}.admin-secondary-btn{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:#f9fafb}.admin-table thead tr{height:44px}.admin-table th{vertical-align:middle;text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;height:44px;padding:0 20px;font-size:12px;font-weight:600}.admin-table tbody tr{height:60px}.admin-table td{vertical-align:middle;color:#0a0a0a;border-bottom:1px solid #f4f6f8;height:60px;padding:0 20px;font-size:14px}.admin-table tbody tr:hover{background:#fafafa}.admin-user-cell{align-items:center;gap:10px;display:flex}.admin-role-badge,.admin-leave-type{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.admin-role-admin{background:color-mix(in srgb, var(--color-accent) 14%, transparent);color:var(--color-accent)}.admin-role-employee{color:#16a34a;background:#dcfce7}.admin-leave-type{color:#6b7280;background:#f4f6f8}.admin-icon-btn{cursor:pointer;background:#f4f6f8;border:none;border-radius:50%;width:32px;height:32px}.admin-icon-btn:hover{background:#e5e7eb}.admin-icon-btn-edit{color:#64748b;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.admin-icon-btn-edit svg{flex-shrink:0}.admin-icon-btn-edit:hover{color:var(--color-accent)}.admin-icon-btn-view{color:#64748b;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.admin-icon-btn-view svg{flex-shrink:0}.admin-icon-btn-view:hover{color:#0ea5e9}.admin-icon-btn-remove{color:#64748b;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.admin-icon-btn-remove:hover:not(:disabled){color:var(--color-danger);background:#fee2e2}.admin-icon-btn:disabled{opacity:.5;cursor:not-allowed}.admin-primary-btn--danger{background:var(--color-danger)}.admin-primary-btn--danger:hover{background:color-mix(in srgb, var(--color-danger) 86%, #000)}.admin-danger-zone{border:1px solid color-mix(in srgb, var(--color-danger) 35%, #e5e7eb);background:linear-gradient(#fff 0%,#fff7f7 100%);border-radius:14px;margin-top:10px;overflow:hidden}.admin-danger-zone-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex}.admin-danger-zone-title{color:#111827;margin:0;font-size:15px;font-weight:700}.admin-danger-zone-sub{color:#6b7280;margin:6px 0 0;font-size:13px}.admin-danger-zone-btn{border:1.5px solid color-mix(in srgb, var(--color-danger) 55%, #fecaca);background:var(--color-danger);color:#fff;cursor:pointer;border-radius:12px;flex-shrink:0;padding:10px 14px;font-size:13px;font-weight:700}.admin-danger-zone-btn:hover{background:color-mix(in srgb, var(--color-danger) 86%, #000)}.admin-danger-zone-foot{color:#6b7280;border-top:1px solid #dc26261f;padding:12px 16px;font-size:12px}.admin-danger-zone code{color:#991b1b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.admin-card-toprow{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;border-radius:13px 13px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:-24px -24px 18px;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffffd9}.admin-card-toprow h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.admin-date-trigger{width:auto;min-width:200px;max-width:min(100%,280px)}.admin-date-input,.admin-form input,.admin-form select,.admin-form textarea{font-size:15px;font-family:var(--font);border:1.5px solid #e5e7eb;border-radius:10px;outline:none;padding:12px 14px}.admin-date-input:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--color-accent);transition:all .2s;box-shadow:0 0 0 3px #6c63ff33}.admin-form .themed-select-trigger,.admin-form .themed-date-trigger,.admin-form .themed-time-trigger{width:100%}.admin-empty-state{color:#6b7280;justify-content:center;align-items:center;min-height:220px;display:flex}.admin-activity-empty-item{border-bottom:none;padding:8px 0 16px;list-style:none}.admin-activity-empty-item .ui-empty-state{text-align:left;max-width:none;margin:0}.admin-activity-empty-item .ui-empty-icon{margin:0}.admin-stat-number{font-variant-numeric:tabular-nums}.admin-filter-tabs{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;border-radius:13px 13px 0 0;flex-wrap:wrap;gap:4px;margin:-24px -24px 18px;padding:6px;display:flex;box-shadow:inset 0 1px #ffffffd9}.admin-filter-tabs .admin-tab{letter-spacing:.01em;cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .16s,color .16s,box-shadow .16s,transform .12s}.admin-filter-tabs .admin-tab:hover:not(.admin-tab-active){color:#334155;background:#0f172a0d}.admin-filter-tabs .admin-tab-active{color:var(--color-accent);box-shadow:0 1px 3px #0f172a14, 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent);background:#fff}.admin-filter-tabs .admin-tab:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 28%, transparent);outline:none}.admin-filter-tabs .admin-tab-active:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 28%, transparent), 0 1px 3px #0f172a14, 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent)}@media (prefers-reduced-motion:reduce){.admin-filter-tabs .admin-tab{transition:background .15s,color .15s,box-shadow .15s}}.admin-tab{cursor:pointer;color:#6b7280;background:#f4f6f8;border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.admin-tab-active{background:var(--color-accent);color:#fff}.admin-action-group{gap:8px;display:flex}.admin-pill-btn{cursor:pointer;border:none;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.admin-pill-approve{color:#16a34a;background:#dcfce7}.admin-pill-reject{color:#dc2626;background:#fee2e2}.admin-pill-approve:hover{background:#bbf7d0}.admin-calendar{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:100%;padding:24px;box-shadow:0 2px 12px #0000000f}.admin-calendar-section{width:100%;min-width:0}.admin-calendar-toolbar{width:100%;margin-bottom:16px}.admin-calendar-surface{box-sizing:border-box;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:stretch;width:100%;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0f172a0d}.admin-calendar-nav-row{justify-content:center;align-items:center;gap:14px;width:100%;min-width:0;display:flex}.admin-calendar-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:transform .16s cubic-bezier(.34,1.02,.68,1),box-shadow .16s,border-color .16s,background .16s,color .16s;display:inline-flex;box-shadow:0 1px 2px #0f172a0f}.admin-calendar-nav-btn:hover{border-color:color-mix(in srgb, var(--color-accent) 38%, #e2e8f0);color:var(--color-accent);background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 14px #0f172a1a}.admin-calendar-nav-btn:active{transform:translateY(0)scale(.96);box-shadow:0 1px 3px #0f172a14}.admin-calendar-nav-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 35%, transparent);outline:none}@media (prefers-reduced-motion:reduce){.admin-calendar-nav-btn{transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.admin-calendar-nav-btn:hover,.admin-calendar-nav-btn:active{transform:none}}.admin-calendar-nav-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:min(200px,42vw);display:flex}.admin-calendar-month{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:700;line-height:1.15}.admin-calendar-year{letter-spacing:.12em;color:#64748b;text-transform:uppercase;font-size:.8125rem;font-weight:600}.admin-calendar-weekdays{text-align:center;letter-spacing:.06em;color:#64748b;text-transform:uppercase;grid-template-columns:repeat(7,1fr);gap:6px;padding:0 4px 12px;font-size:11px;font-weight:700;display:grid}.admin-calendar-grid{background:linear-gradient(165deg,#f1f5f9 0%,#e8edf3 100%);border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px;display:grid}@media (width<=900px){.admin-calendar-grid{gap:6px;padding:8px}}.admin-day-cell{text-align:left;cursor:pointer;min-height:92px;font-family:var(--font);background:#fff;border:1px solid #e8ecf1;border-radius:12px;flex-direction:column;align-items:stretch;padding:8px 8px 7px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0d}.admin-day-cell:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, #e2e8f0);transform:translateY(-1px);box-shadow:0 6px 16px #0f172a14}.admin-day-cell:active{transform:translateY(0)}.admin-day-cell--is-today{border-color:color-mix(in srgb, var(--color-accent) 42%, #e2e8f0);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent), 0 2px 8px #6c63ff1f}.admin-day-cell--has-events{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 9%, #fff) 0%, #fff 100%)}.admin-day-cell--has-events:before{content:"";background:linear-gradient(90deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 65%, #a78bfa));pointer-events:none;border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.admin-day-muted{opacity:.92;background:#f8fafc}.admin-day-muted:hover{opacity:1}.admin-day-cell.admin-day-muted.admin-day-cell--has-events{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 7%, #f8fafc) 0%, #f8fafc 100%)}.admin-day-muted .admin-day-number{color:#cbd5e1}.admin-day-number{color:#0f172a;flex-shrink:0;font-size:13px;font-weight:700}.admin-day-number-today{background:var(--color-accent);color:#fff;width:28px;height:28px;box-shadow:0 2px 6px color-mix(in srgb, var(--color-accent) 45%, transparent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.admin-day-events{flex-direction:column;flex:1;gap:4px;min-height:0;margin-top:6px;display:flex}.admin-event-pill{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%;font-size:11px;font-weight:600;line-height:1.25;font-family:var(--font);text-align:left;box-sizing:border-box;border-radius:6px;margin:0;padding:4px 8px;transition:filter .12s,transform .12s;display:block;overflow:hidden;box-shadow:inset 0 1px #ffffff73}.admin-event-pill.calendar-event-chip:hover{filter:brightness(.97)}.admin-event-pill.calendar-event-chip:active{transform:scale(.99)}.admin-event-holiday,.admin-event-meeting,.admin-event-general{box-shadow:inset 0 1px #ffffff73}.admin-event-holiday{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.admin-event-meeting{color:#7c3aed;background:#ede9fe;border:1px solid #ddd6fe}.admin-event-general{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);border:1px solid color-mix(in srgb, var(--color-accent) 35%, transparent)}.admin-event-more{letter-spacing:.02em;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-self:flex-start;margin-top:2px;padding:3px 7px;font-size:10px;font-weight:700}button.admin-event-more{font:inherit;font-family:var(--font);cursor:pointer}.admin-event-pill--stacked{white-space:normal;padding:5px 8px}.admin-event-pill-meta{opacity:.92;letter-spacing:.02em;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.admin-event-pill-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.admin-day-events-modal-list{max-height:min(52vh,420px);margin:0 0 16px;padding:0;list-style:none;overflow-y:auto}.admin-day-events-modal-row{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fafbfc;border:1px solid #e8ecf1;border-radius:10px;align-items:flex-start;gap:12px;margin:0;padding:12px 10px;transition:background .12s,border-color .12s;display:flex}.admin-day-events-modal-row:hover{border-color:color-mix(in srgb, var(--color-accent) 28%, #e2e8f0);background:#f1f5f9}.admin-day-events-modal-swatch{border-radius:4px;flex-shrink:0;width:4px;min-height:36px}.admin-day-events-modal-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.admin-day-events-modal-title{color:#0f172a;font-size:15px;font-weight:600}.admin-day-events-modal-meta{color:#64748b;font-size:13px}.admin-announcement-list{flex-direction:column;gap:16px;display:flex}.admin-announcement-list h3{color:#0a0a0a;margin:0;font-size:17px;font-weight:600}.admin-announcement-list .admin-announcement-body{color:#6b7280;margin:8px 0 0;font-size:14px;line-height:1.6}.admin-announcement-footer{border-top:1px solid #f4f6f8;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.admin-announcement-footer span{color:#9ca3af;font-size:12px}.admin-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal-card{background:#fff;border-radius:16px;width:480px;max-width:calc(100vw - 24px);padding:32px;box-shadow:0 8px 40px #0000001f}.admin-modal-card-wide{width:640px;max-height:calc(100vh - 48px);overflow-y:auto}.admin-modal-card--employee-records{width:min(920px,100vw - 24px)}.admin-employee-records-tabs{margin:4px 0 16px}.admin-employee-records-weekbar{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:14px;display:flex}.admin-week-nav-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:22px;line-height:1;display:inline-flex}.admin-week-nav-btn:hover{background:#f8fafc;border-color:#cbd5e1}.admin-employee-records-week-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-employee-records-week-label{color:#64748b;font-size:13px;font-weight:500}.admin-employee-records-datepicker{min-width:140px}.admin-employee-records-week-range{color:#94a3b8;width:100%;font-size:12px}@media (width>=560px){.admin-employee-records-week-range{width:auto;margin-left:auto}}.admin-employee-records-table-wrap{border:1px solid #eef0f3;border-radius:10px;max-height:min(420px,55vh);margin-bottom:8px}.admin-modal-card h3{margin:0 0 4px;font-size:20px;font-weight:700}.admin-modal-subtitle{color:#6b7280;margin:0 0 24px;font-size:14px}.admin-form{gap:12px;display:grid}.admin-form label{color:#374151;gap:6px;font-size:13px;font-weight:500;display:grid}.admin-form input,.admin-form select,.admin-form textarea{width:100%}.admin-modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.admin-modal-actions-split{flex-wrap:wrap;justify-content:space-between}.admin-form-label-text{color:#374151;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.admin-color-picker{margin-top:4px}.admin-color-swatches{flex-wrap:wrap;gap:10px;display:flex}.admin-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;padding:0;box-shadow:0 1px 4px #0000001f}.admin-color-swatch-active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-accent)}.admin-event-delete-section{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.admin-delete-inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-delete-inline-text{color:var(--color-danger);font-size:14px;font-weight:600}.admin-delete-outline-btn{color:var(--color-danger);border-color:#fecaca}.admin-btn-tiny{padding:6px 12px;font-size:12px}.admin-btn-full{justify-content:center;width:100%}.admin-leave-allowances-section{border-top:1px solid var(--color-border);margin-top:8px;padding-top:16px}.admin-leave-allowances-section h4{color:var(--color-text-primary);margin:0 0 12px;font-size:15px;font-weight:600}.admin-leave-allowances-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (width<=640px){.admin-leave-allowances-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-leave-allowances-row--types{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.admin-leave-type-sql-hint{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:-8px 0 16px;padding:12px 14px;font-size:13px;line-height:1.45}.admin-leave-type-sql-hint code{background:#ffffffb3;border-radius:4px;padding:2px 6px;font-size:12px}.admin-leave-type-editor{flex-direction:column;gap:12px;display:flex}.admin-leave-type-row{grid-template-columns:1fr minmax(100px,120px) auto;align-items:end;gap:12px;display:grid}.admin-picklist-row{grid-template-columns:1fr auto}.admin-picklist-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.admin-picklist-pill{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex;box-shadow:0 1px 3px #0f172a0a}.admin-picklist-pill-text{color:#0f172a;font-size:13px;font-weight:600}.admin-picklist-pill-remove{color:#64748b;cursor:pointer;background:#f4f6f8;border:none;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;line-height:1;display:inline-flex}.admin-picklist-pill-remove:hover{color:var(--color-danger);background:#fee2e2}.admin-activation-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.admin-activation-code{color:#0f172a;letter-spacing:.04em;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;min-height:36px;padding:0 12px;font-size:13px;display:inline-flex}@media (width<=560px){.admin-leave-type-row{grid-template-columns:1fr}.admin-leave-type-remove{justify-self:start}}.admin-allowance-field{color:#374151;gap:6px;font-size:12px;font-weight:500;display:grid}.admin-allowance-field input{border:1.5px solid var(--color-border);border-radius:var(--radius-input);font-size:14px;font-family:var(--font);padding:10px}.admin-toast{background:var(--color-sidebar);color:#fff;box-shadow:var(--shadow-modal);z-index:2000;border-radius:12px;max-width:min(360px,100vw - 32px);padding:14px 22px;font-size:14px;font-weight:500;position:fixed;bottom:24px;right:24px}.admin-calendar-view-toggle{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;align-items:stretch;gap:4px;padding:4px;display:inline-flex;box-shadow:0 1px 3px #0f172a0d}.admin-calendar-surface .admin-calendar-view-toggle{width:100%;box-shadow:none;background:0 0;border:none;border-top:1px solid #e2e8f0f2;border-radius:0;grid-template-columns:1fr 1fr;align-self:stretch;gap:8px;margin:12px 0 0;padding:12px 4px 0;display:grid}.admin-calendar-surface .admin-calendar-view-btn{justify-content:center;width:100%;min-width:0}.admin-calendar-view-btn{color:#64748b;letter-spacing:.01em;cursor:pointer;min-height:40px;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;transition:background .16s,color .16s,box-shadow .16s,transform .12s;display:inline-flex}.admin-calendar-view-btn-icon{color:currentColor;justify-content:center;align-items:center;display:flex}.admin-calendar-view-btn-icon svg{flex-shrink:0;width:18px;height:18px}button.admin-calendar-view-btn:hover:not(:disabled){transform:none}.admin-calendar-view-btn:hover:not(.admin-calendar-view-btn--active){color:#334155;background:#0f172a0d}.admin-calendar-view-btn:active:not(:disabled){transform:scale(.98)}.admin-calendar-view-btn--active{color:var(--color-accent);box-shadow:0 1px 3px #0f172a14, 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent);background:#fff}.admin-calendar-view-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 30%, transparent);outline:none}.admin-calendar-view-btn--active:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 30%, transparent), 0 1px 3px #0f172a14, 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent)}@media (width<=640px){.admin-calendar-view-btn-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-calendar-view-btn{min-width:44px;padding:8px 12px}}@media (prefers-reduced-motion:reduce){.admin-calendar-view-btn{transition:background .15s,color .15s,box-shadow .15s}.admin-calendar-view-btn:active:not(:disabled){transform:none}}.admin-event-pill-dynamic{cursor:pointer;font-family:var(--font);text-align:left;border:none}.admin-calendar-list{box-sizing:border-box;border-radius:var(--radius-card);width:100%;max-width:100%;box-shadow:var(--shadow-card);background:#fff;padding:24px}.admin-calendar-list-day{margin-bottom:24px}.admin-calendar-list-day:last-child{margin-bottom:0}.admin-calendar-list-date{color:var(--color-text-secondary);margin:0 0 10px;font-size:14px;font-weight:600}.admin-calendar-list-items{margin:0;padding:0;list-style:none}.admin-calendar-list-row{text-align:left;cursor:pointer;width:100%;font-family:var(--font);background:#fafafa;border:none;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.admin-calendar-list-row:hover{background:#f4f6f8}.admin-calendar-list-border{border-radius:4px;flex-shrink:0;align-self:stretch;width:4px}.admin-calendar-list-body{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-calendar-list-title{color:var(--color-text-primary);font-size:14px;font-weight:600}.admin-calendar-list-time{color:var(--color-text-secondary);font-size:12px}.admin-type-badge{color:var(--color-text-secondary);background:#f4f6f8;border-radius:20px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.admin-announcement-card{position:relative;overflow:hidden}.admin-announcement-card--pinned{border-color:color-mix(in srgb, var(--color-accent) 22%, #e2e8f0);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 12%, transparent), 0 8px 28px #0f172a0f;padding:0}.admin-announcement-card-body-wrap{padding:0}.admin-announcement-card--pinned .admin-announcement-card-body-wrap{padding:24px}.admin-announcement-pinned-bar{background:linear-gradient(105deg, color-mix(in srgb, var(--color-accent) 14%, #fff) 0%, color-mix(in srgb, var(--color-accent) 7%, #f8fafc) 100%);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 18%, #e8ecf1);align-items:center;gap:8px;margin:0;padding:12px 20px;display:flex}.admin-announcement-pinned-bar-icon{background:color-mix(in srgb, var(--color-accent) 16%, #fff);width:28px;height:28px;color:var(--color-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-announcement-pinned-bar-icon svg{width:16px;height:16px}.admin-announcement-pinned-bar-text{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--color-accent) 92%, #1e1b4b);font-size:12px;font-weight:700}.admin-announcement-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-announcement-title-block{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.admin-announcement-title-block h3{color:#0a0a0a;margin:0;font-size:17px;font-weight:600;line-height:1.35}.admin-priority-pill{letter-spacing:.03em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-priority-pill--urgent{color:#b91c1c;background:linear-gradient(#fff5f5 0%,#fef2f2 100%);border-color:#ef444438}.admin-priority-pill--important{color:#c2410c;background:linear-gradient(#fffbeb 0%,#fff7ed 100%);border-color:#f59e0b47}.admin-announcement-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.admin-announcement-trash{cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);background:#f4f6f8;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-announcement-trash:hover{color:var(--color-danger);background:#fee2e2}.admin-announcement-delete-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-delete-confirm-text{color:var(--color-danger);font-size:13px;font-weight:600}.admin-announcement-meta{color:var(--color-text-muted);font-size:12px}.admin-invite-link-modal .admin-modal-actions{margin-top:20px}.admin-invite-link-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.admin-invite-link-row{align-items:stretch;gap:10px;display:flex}.admin-invite-link-input{min-width:0;font-size:14px;font-family:var(--font);color:var(--color-text-secondary);background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;padding:12px 14px}.admin-invite-copy-btn{white-space:nowrap;flex-shrink:0}.admin-invite-toggle-row{color:#374151;justify-content:space-between;align-items:center;margin-top:20px;font-size:14px;font-weight:500;display:flex}.admin-invite-toggle{cursor:pointer;background:#e5e7eb;border:none;border-radius:999px;width:48px;height:28px;padding:0;transition:background .2s;position:relative}.admin-invite-toggle-on{background:var(--color-accent)}.admin-invite-toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001f}.admin-invite-toggle-on .admin-invite-toggle-knob{transform:translate(20px)}.admin-invite-regenerate{width:100%;margin-top:16px}.admin-invite-deactivated{margin-top:8px}.admin-error{color:#dc2626;margin:0}.admin-success{color:#16a34a;margin:0}.admin-chart-card-head{margin-bottom:16px}.admin-chart-card-head h3{color:var(--color-text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.admin-chart-card-head p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.45}.admin-chart-card-head--trend{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-chart-range-label{color:var(--color-text-primary);font-weight:600}.admin-chart-card{flex-direction:column;min-height:0;display:flex}.admin-chart-plot{flex:1;min-height:220px;margin:0 -4px}.admin-chart-plot--bars,.admin-chart-plot--trend{border-radius:12px;overflow:hidden}.admin-chart-plot--bars .recharts-surface,.admin-chart-plot--trend .recharts-surface{display:block}.admin-chart-plot--donut{flex-direction:column;align-items:center;gap:10px;display:flex}@media (width>=900px){.admin-chart-plot--donut{flex-direction:row;justify-content:center;align-items:center;gap:24px}.admin-chart-legend--donut{flex-direction:column;align-items:stretch;min-width:180px;max-width:none;padding:0;margin-top:0!important}}.admin-chart-plot--trend{min-height:260px}.admin-chart-full{width:100%}.admin-donut-wrap{aspect-ratio:1;flex-shrink:0;width:min(220px,100%);margin:0 auto;position:relative}.admin-donut-wrap .recharts-responsive-container{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.admin-donut-empty{aspect-ratio:1;text-align:center;box-sizing:border-box;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:min(220px,100%);max-width:100%;margin:0 auto;padding:16px;display:flex}.admin-donut-empty-title{color:var(--color-text-primary);margin:0 0 6px;font-size:14px;font-weight:600}.admin-donut-empty-sub{color:var(--color-text-secondary);max-width:180px;margin:0;font-size:12px;line-height:1.45}.admin-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.admin-donut-center strong{color:var(--color-text-primary);font-size:18px;font-weight:700;line-height:1.2}.admin-donut-center span{color:var(--color-text-secondary);text-align:center;max-width:100px;margin-top:2px;font-size:11px;line-height:1.3}.admin-chart-legend{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.admin-chart-legend--donut{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:280px;margin-top:0;padding:0 4px;display:flex}.admin-chart-legend-item{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.admin-chart-legend-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.admin-chart-legend-value{color:var(--color-text-primary);margin-left:auto;font-size:13px;font-weight:600}.admin-legend-dot{border-radius:999px;flex-shrink:0;width:8px;height:8px}.admin-trend-range{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:4px;display:inline-flex;box-shadow:0 1px 2px #0f172a0d}.admin-trend-range-btn{color:#64748b;letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:background .16s,color .16s,box-shadow .16s,transform .12s}.admin-trend-range-btn:hover:not(.admin-trend-range-btn--active){color:#334155;background:#0f172a0d}.admin-trend-range-btn--active{color:var(--color-accent);box-shadow:0 1px 3px #0f172a14, 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent);background:#fff;font-weight:600}.admin-trend-range-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 28%, transparent);outline:none}.admin-trend-range-btn--active:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 28%, transparent), 0 1px 3px #0f172a14, 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent)}@media (prefers-reduced-motion:reduce){.admin-trend-range-btn{transition:background .15s,color .15s,box-shadow .15s}}.admin-dashboard-loading{color:#6b7280;justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width<=1180px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-chart-grid{grid-template-columns:1fr}}@media (width<=840px){.admin-dashboard,.admin-dashboard--sidebar-collapsed{grid-template-columns:1fr}.admin-sidebar{z-index:20;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:row;align-self:stretch;align-items:stretch;height:auto;min-height:auto;max-height:none;position:sticky;top:0;overflow:auto hidden}.admin-sidebar-scroll{flex-direction:row;flex:1;align-items:center;min-width:min-content;display:flex;overflow:visible}.admin-sidebar-header{flex-direction:row;flex-shrink:0;align-items:center;padding:12px 12px 12px 16px}.admin-sidebar--collapsed .admin-sidebar-header{flex-direction:row}.admin-sidebar--collapsed .admin-sidebar-collapse-btn{order:0}.admin-sidebar-divider{display:none}.admin-nav{flex-direction:row;flex:0;gap:4px;padding:8px;display:flex;overflow-x:auto}.admin-nav-item{white-space:nowrap;width:auto;min-height:40px;padding:8px 12px}.admin-nav-item .admin-nav-item-label{display:none}.admin-sidebar-view-block{border-top:none;border-left:1px solid #ffffff1a;flex-direction:row;flex-shrink:0;align-items:center;margin-top:0;padding:8px 8px 8px 0;display:flex}.admin-sidebar-view-label{display:none}.admin-sidebar-view-btn{white-space:nowrap;width:auto}.admin-sidebar-view-btn-text{clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible}.admin-sidebar-footer-wrap{border-left:1px solid #ffffff1a;flex-shrink:0;margin-top:0;padding:8px 12px 8px 8px}.admin-sidebar-footer-card{min-width:140px;padding:10px 12px}.admin-sidebar-user-email{display:none}.admin-sidebar-logout-btn{margin-top:8px;padding:8px 10px;font-size:12px}.admin-content{padding:16px}.admin-topbar{padding:12px 12px 12px 16px}.admin-stat-grid{grid-template-columns:1fr}}