@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-950:oklch(26.2% .051 172.552);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Outfit", "Inter", ui-sans-serif, system-ui, sans-serif;--animate-fade-in:fade-in .35s cubic-bezier(.16, 1, .3, 1) both}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-height:100vh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--text);margin:0}p{margin:0}a{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));color:var(--primary);cursor:pointer;text-decoration-line:none}a:hover{color:var(--primary-hover)}button,input,select,textarea{font:inherit}button,select,[role=button],summary,[data-clickable=true]{cursor:pointer}button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed}input,textarea{cursor:text}input[type=checkbox],input[type=radio],input[type=range],input[type=file]{cursor:pointer}input,select,textarea{color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-muted)}img,video{max-width:100%}::selection{background:var(--primary-soft);color:var(--primary)}::-webkit-scrollbar{height:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 2.5)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 30%,transparent)}}}@layer components{.employee-dashboard .emp-dash-grid{grid-template-columns:minmax(340px,.84fr) minmax(460px,1.16fr);grid-template-areas:"clock task""clock summary""profile schedule""personal schedule""history history";align-items:start;gap:20px!important;display:grid!important}.employee-dashboard .emp-dash-grid>div{display:contents!important}.employee-dashboard .emp-dash-grid>div:first-child>.checkin-card{grid-area:clock}.employee-dashboard .emp-dash-grid>div:first-child>.card:nth-of-type(2){grid-area:profile}.employee-dashboard .emp-dash-grid>div:first-child>.card:nth-of-type(3){grid-area:personal}.employee-dashboard .emp-dash-grid>div:last-child>.card:first-of-type{grid-area:task}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(2){grid-area:summary}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(3){grid-area:schedule}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(4){grid-area:history}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(2){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(2)>h3,.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(2)>div:last-child{grid-column:1/-1}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(2)>div:not(:last-child){border-bottom:1px solid var(--border)!important}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(2)>div:last-child{margin-top:12px}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(3) .att-schedule-grid{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(2,minmax(0,1fr))}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(3) .att-sch-item{border-radius:var(--radius-xl);padding:calc(var(--spacing) * 4);background:var(--surface-2)}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(4) .table-container{max-height:400px;overflow:auto}.employee-dashboard .emp-dashboard-lower-grid{gap:calc(var(--spacing) * 5);grid-template-columns:1fr 1fr}.employee-dashboard .emp-dashboard-lower-grid>.card{min-height:260px}@media(max-width:1100px){.employee-dashboard .emp-dash-grid{grid-template-columns:1fr;grid-template-areas:"clock""task""summary""schedule""profile""personal""history"}.employee-dashboard .emp-dashboard-lower-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(max-width:640px){.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(2){grid-template-columns:1fr}.employee-dashboard .emp-dash-grid>div:last-child>.card:nth-of-type(3) .att-schedule-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.employee-dashboard .emp-dash-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;grid-template-areas:none!important}.employee-dashboard .emp-dash-grid>div{min-width:0;flex-direction:column!important;gap:20px!important;display:flex!important}.employee-dashboard .emp-dash-grid>div>.card{min-width:0;grid-area:auto!important}.employee-dashboard .emp-dash-grid .table-container{max-width:100%;overflow-x:auto}@media(max-width:1100px){.employee-dashboard .emp-dash-grid{grid-template-columns:minmax(0,1fr)!important}}.app-layout{background:var(--bg);width:100%;min-height:100vh;color:var(--text);display:flex}.main-content{min-width:0;padding-bottom:calc(var(--spacing) * 8);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;flex:1;transition-duration:.3s}@media(min-width:64rem){.main-content{margin-left:294px}}.main-body{min-width:0;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 4)}@media(min-width:40rem){.main-body{padding-inline:calc(var(--spacing) * 5)}}@media(min-width:64rem){.main-body{padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 6)}}.main-body>*{animation:var(--animate-fade-in)}.sidebar{top:calc(var(--spacing) * 3);left:calc(var(--spacing) * 3);z-index:50;--tw-translate-x: -115% ;width:min(270px,100vw - 1.5rem);height:calc(100vh - 1.5rem);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-3xl);border-style:var(--tw-border-style);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;border-width:1px;flex-direction:column;transition-duration:.3s;display:flex;position:fixed;overflow:hidden}@media(min-width:64rem){.sidebar{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}}.sidebar{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.sidebar{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.sidebar{border-color:var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar.open{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.dark .sidebar{background:linear-gradient(#0c1628f7,#08101ffc);border-color:#60a5fa26}.sidebar-brand{align-items:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 5);padding-top:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 4);display:flex}.sidebar-logo-wrap{height:calc(var(--spacing) * 11);width:calc(var(--spacing) * 11);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;border-width:1px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.3s;display:flex}@media(hover:hover){.sidebar-logo-wrap:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.sidebar-logo-wrap{background:var(--surface);border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.sidebar-logo-wrap{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}}.dark .sidebar-logo-wrap{background:var(--surface-2)}.sidebar-logo-img{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7);object-fit:contain}.sidebar-brand h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--primary)}.dark .sidebar-brand h2{color:#fff}.sidebar-brand span{margin-top:calc(var(--spacing) * .5);--tw-font-weight:var(--font-weight-extrabold);font-size:10px;font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);display:block}.sidebar-section-label{padding-inline:calc(var(--spacing) * 5);padding-top:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-extrabold);font-size:10px;font-weight:var(--font-weight-extrabold);--tw-tracking:.2em;letter-spacing:.2em;text-transform:uppercase;color:var(--primary)}.sidebar-nav{flex:1}.sidebar-nav{padding-inline:calc(var(--spacing) * 3.5);padding-bottom:calc(var(--spacing) * 4);overflow-y:auto}.sidebar-nav a{align-items:center;gap:calc(var(--spacing) * 3.5);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;color:var(--text-secondary);border-width:1px;border-color:#0000;transition-duration:.2s;display:flex}.sidebar-nav a:hover{background:var(--surface-2);color:var(--text);transform:translate(3px)}.sidebar-nav a.active{background:var(--primary-gradient);box-shadow:var(--primary-glow);border-color:#0000;color:#fff!important}.sidebar-nav a.active .nav-icon{color:#fff}.nav-icon{width:calc(var(--spacing) * 5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-footer{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);padding:calc(var(--spacing) * 4.5);border-top-width:1px;border-color:var(--border);background:var(--surface-2);display:flex}.user-info{align-items:center;gap:calc(var(--spacing) * 3);min-width:0;display:flex}.avatar,.chip-avatar,.team-avatar{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--primary-gradient);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9)}.user-name{max-width:calc(var(--spacing) * 36);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text);overflow:hidden}.user-role{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--text-muted)}.logout-btn,.sidebar-toggle,.notif-bell,.btn-icon{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-width:1px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:inline-flex}:is(.logout-btn,.sidebar-toggle,.notif-bell,.btn-icon):disabled{cursor:not-allowed;opacity:.5}.logout-btn,.sidebar-toggle,.notif-bell,.btn-icon{background:var(--input);border-color:var(--border);color:var(--text-secondary)}.logout-btn,.notif-bell{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10)}.sidebar-toggle{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);display:flex}@media(min-width:64rem){.sidebar-toggle{display:none}}.logout-btn:hover,.sidebar-toggle:hover,.notif-bell:hover,.btn-icon:hover{background:var(--primary-soft);border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.logout-btn:hover,.sidebar-toggle:hover,.notif-bell:hover,.btn-icon:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}}.logout-btn:hover,.sidebar-toggle:hover,.notif-bell:hover,.btn-icon:hover{color:var(--primary)}.modal-overlay{z-index:40;background-color:#02061899;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.modal-overlay{background-color:color-mix(in oklab,var(--color-slate-950) 60%,transparent)}}.modal-overlay{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.main-header{top:calc(var(--spacing) * 3);z-index:30;margin-inline:calc(var(--spacing) * 3);margin-top:calc(var(--spacing) * 3);min-height:calc(var(--spacing) * 16);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;border-width:1px;transition-duration:.3s;display:flex;position:sticky}@media(min-width:40rem){.main-header{margin-inline:calc(var(--spacing) * 5)}}@media(min-width:64rem){.main-header{margin-inline:calc(var(--spacing) * 8);padding-inline:calc(var(--spacing) * 6)}}@supports (color:color-mix(in lab,red,red)){.main-header{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.main-header{border-color:var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@supports (color:color-mix(in lab,red,red)){.main-header.scrolled{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}}.header-title-group{align-items:center;gap:calc(var(--spacing) * 3);min-width:0;display:flex}.header-logo-img{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);object-fit:contain;display:none}@media(min-width:40rem){.header-logo-img{display:block}}.main-header h1{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);overflow:hidden}@media(min-width:40rem){.main-header h1{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.main-header h1{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.header-actions{align-items:center;gap:calc(var(--spacing) * 2.5);min-width:0;margin-left:auto;display:flex}.header-search-wrap{max-width:var(--container-xs);flex:1;display:none;position:relative}@media(min-width:48rem){.header-search-wrap{display:block}}.search-icon,.input-icon{pointer-events:none;top:50%;left:calc(var(--spacing) * 3.5);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));color:var(--text-muted);position:absolute}.header-search-input,.form-input,.form-select,.form-textarea,.team-search input,.team-composer input{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-outline-style:none;background:var(--input);border-width:1px;border-color:var(--border);color:var(--text);outline-style:none;transition-duration:.2s}.header-search-input{padding-block:calc(var(--spacing) * 2);padding-right:calc(var(--spacing) * 9);padding-left:calc(var(--spacing) * 10)}.header-search-input:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.team-search input:focus,.team-composer input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.header-search-clear{top:50%;right:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--text-muted);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute}.header-search-clear:hover{background:var(--primary-soft);color:var(--primary)}.header-search-results,.notif-dropdown{z-index:50;border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 2.5);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--surface);border-width:1px;border-color:var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute}.header-search-results{top:calc(100% + .5rem);left:0;right:0}.header-search-results button,.header-search-empty{min-height:calc(var(--spacing) * 10);align-items:center;gap:calc(var(--spacing) * 2.5);border-radius:var(--radius-2xl);width:100%;padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2.5);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text);display:flex}.header-search-results button:hover{background:var(--primary-soft);color:var(--primary)}.header-search-empty,.notif-empty{padding-block:calc(var(--spacing) * 6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--text-muted);justify-content:center}.header-user-chip{align-items:center;gap:calc(var(--spacing) * 2.5);border-style:var(--tw-border-style);padding-block:var(--spacing);padding-right:calc(var(--spacing) * 3.5);padding-left:var(--spacing);border-width:1px;border-radius:3.40282e38px;display:none}@media(min-width:40rem){.header-user-chip{display:flex}}.header-user-chip{background:var(--input);border-color:var(--border)}.chip-avatar{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8)}.chip-name{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text)}.chip-role{color:var(--text-muted);font-size:11px}.user-avatar-img{object-fit:cover}.theme-toggle{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 12);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background:#cbd5e1;border-width:0;border-radius:3.40282e38px;flex-shrink:0;position:relative}.theme-toggle:after{top:var(--spacing);left:var(--spacing);height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:"";content:var(--tw-content);border-radius:3.40282e38px;position:absolute}.theme-toggle.dark{background:var(--primary)}.theme-toggle.dark:after{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.theme-toggle .ti{pointer-events:none;z-index:10;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);font-size:10px;position:absolute;top:50%}.theme-toggle .sun{left:calc(var(--spacing) * 1.5);color:var(--color-amber-500)}.theme-toggle .moon{right:calc(var(--spacing) * 1.5);color:var(--color-white)}.theme-toggle-label{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notif-bell{position:relative}.notif-badge,.notif-dot{top:calc(var(--spacing) * -1);right:calc(var(--spacing) * -1);min-height:calc(var(--spacing) * 5);min-width:calc(var(--spacing) * 5);padding-inline:var(--spacing);--tw-font-weight:var(--font-weight-extrabold);font-size:10px;font-weight:var(--font-weight-extrabold);color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--primary-gradient);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute}.notif-dropdown{top:calc(var(--spacing) * 20);right:calc(var(--spacing) * 3);width:min(430px,100vw - 1.5rem);max-height:min(72vh,620px);padding:calc(var(--spacing) * 4);overflow-y:auto}@media(min-width:40rem){.notif-dropdown{right:calc(var(--spacing) * 5)}}@media(min-width:64rem){.notif-dropdown{right:calc(var(--spacing) * 8)}}.notif-dropdown{background:var(--surface)}.notif-dropdown-header{z-index:10;margin-inline:calc(var(--spacing) * -4);margin-top:calc(var(--spacing) * -4);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3.5);background:var(--surface);border-bottom-width:1px;border-color:var(--border);display:flex;position:sticky;top:0}.notif-dropdown-header strong{color:var(--text)}.notif-item{margin-top:calc(var(--spacing) * 2);cursor:pointer;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 4);padding-right:calc(var(--spacing) * 10);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:var(--surface);border-width:1px;border-color:var(--border);color:var(--text);transition-duration:.2s}.notif-item:hover{background:var(--surface-2);transform:translateY(-1px)}.notif-item.unread{background:var(--primary-soft);border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.notif-item.unread{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}}.notif-title{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text)}.notif-message{margin-top:var(--spacing);--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--text-secondary)}.notif-time{margin-top:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--text-muted)}.notif-action-row{margin-top:calc(var(--spacing) * 3);gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.worked-hours-header-badge{align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);border-width:1px;border-radius:3.40282e38px;display:none}@media(min-width:64rem){.worked-hours-header-badge{display:flex}}.worked-hours-header-badge{border-color:var(--border);background:var(--surface-2);color:var(--text-secondary)}.badge-dot{height:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 2.5);background:var(--success);border-radius:3.40282e38px}.worked-hours-header-badge.paused .badge-dot{background:var(--warning)}.card,.stat-card,.table-wrap,.table-container,.modal,.team-room-panel,.team-message-panel,.team-meet-panel{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background:var(--surface);border-width:1px;border-color:var(--border);box-shadow:var(--shadow);transition-duration:.3s}@media(min-width:40rem){.card{padding:calc(var(--spacing) * 7)}}.card-header{margin-bottom:calc(var(--spacing) * 5);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.card-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--text)}.stats-grid{margin-bottom:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:40rem){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:80rem){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card{padding:calc(var(--spacing) * 6);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.stat-card:hover,.card:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}}.stat-card .stat-icon{margin-bottom:calc(var(--spacing) * 4);height:calc(var(--spacing) * 13);width:calc(var(--spacing) * 13);border-radius:var(--radius-2xl);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background:var(--primary-soft);color:var(--primary);justify-content:center;align-items:center;transition-duration:.3s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-card .stat-value,.stat-card strong{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold);line-height:1;font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--text);display:block}.stat-card .stat-label,.stat-card span{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);display:block}.stat-trend{margin-top:calc(var(--spacing) * 2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--success)}.stat-card.green .stat-icon{background:var(--success-soft);color:var(--success)}.stat-card.yellow .stat-icon{background:var(--warning-soft);color:var(--warning)}.stat-card.blue .stat-icon{background:var(--info-soft);color:var(--info)}.btn{min-height:calc(var(--spacing) * 10.5);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4.5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-width:1px;transition-duration:.2s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.55}.btn:active:not(:disabled){transform:scale(.97)}.btn-sm{min-height:calc(var(--spacing) * 9);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.btn-icon{height:calc(var(--spacing) * 9.5);min-height:0;width:calc(var(--spacing) * 9.5);border-radius:var(--radius-2xl);padding:0}.btn-primary{color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--primary-gradient);border-color:#0000}.btn-secondary{background:var(--input);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.btn-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}}.btn-success{background:var(--success-soft);border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.btn-success{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}}.btn-success{color:var(--success)}.btn-success:hover:not(:disabled){color:var(--color-white);background:var(--success)}.btn-danger{background:var(--danger-soft);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.btn-danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){color:var(--color-white);background:var(--danger)}.search-bar{margin-bottom:calc(var(--spacing) * 6);align-items:center;gap:calc(var(--spacing) * 3.5);border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 4);background:var(--surface);border-width:1px;border-color:var(--border);flex-wrap:wrap;display:flex}.input-icon-wrap{position:relative}.form-input-icon{padding-left:calc(var(--spacing) * 10)}.form-row{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:48rem){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-group{margin-bottom:calc(var(--spacing) * 4);min-width:0}.form-label{margin-bottom:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);display:block}.form-hint{margin-top:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--text-muted)}.form-textarea{min-height:calc(var(--spacing) * 28);resize:vertical}table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}thead{background:var(--surface-2)}th{padding-inline:calc(var(--spacing) * 4.5);padding-block:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);white-space:nowrap;text-transform:uppercase;color:var(--text-muted)}td{border-top-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4.5);padding-block:calc(var(--spacing) * 4);vertical-align:middle;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-top-width:1px;border-color:var(--border);color:var(--text-secondary)}tbody tr{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@supports (color:color-mix(in lab,red,red)){tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 45%,var(--surface-2))}}.table-wrap,.table-container{border-radius:var(--radius-3xl);width:100%;overflow-x:auto}.table-empty-cell{padding-block:calc(var(--spacing) * 12);text-align:center;color:var(--text-muted)}.table-empty,.loading-container,.team-empty-state{min-height:calc(var(--spacing) * 40);padding:calc(var(--spacing) * 8);text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);animation:var(--animate-spin);border-style:var(--tw-border-style);border-width:4px;border-color:var(--border);border-top-color:var(--primary);border-radius:3.40282e38px}.table-actions{align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.task-update-cell,.emp-meta-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attendance-view-tabs{margin-bottom:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}:where(.attendance-sheet-view>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.attendance-sheet-toolbar{align-items:center}.attendance-sheet-toolbar .form-select{max-width:calc(var(--spacing) * 80);min-width:calc(var(--spacing) * 64)}.attendance-sheet-toolbar .form-input{width:auto;min-width:calc(var(--spacing) * 36)}.attendance-sheet-title{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--text);display:flex}.attendance-sheet-title svg{color:var(--primary)}.attendance-sheet-toggle{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text-secondary);display:flex}.attendance-sheet-muted{color:var(--text-muted)}.attendance-sheet-summary{align-items:center;gap:calc(var(--spacing) * 3.5);border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 4.5);border-width:1px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media(min-width:40rem){.attendance-sheet-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:80rem){.attendance-sheet-summary{grid-template-columns:repeat(7,minmax(0,1fr))}}.attendance-sheet-summary{background:var(--surface);border-color:var(--border)}.attendance-sheet-employee{grid-column:span 2/span 2;min-width:0}.attendance-sheet-employee strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--text);display:block;overflow:hidden}.attendance-sheet-employee span{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--text-muted);display:block;overflow:hidden}.attendance-sheet-stat{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 3);text-align:center;background:var(--surface-2);border-width:1px;border-color:var(--border)}.attendance-sheet-stat strong{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--text);display:block}.attendance-sheet-stat span{--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);text-transform:uppercase;color:var(--text-muted);display:block}.attendance-sheet-card{padding:0}.attendance-sheet-table-wrap{border-radius:var(--radius-3xl);max-height:72vh}.attendance-sheet-table{min-width:1120px;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.attendance-sheet-table th{z-index:10;background:var(--surface-2);position:sticky;top:0}.attendance-sheet-table th:first-child,.attendance-sheet-table td:first-child{width:calc(var(--spacing) * 32);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.attendance-sheet-table th:nth-child(6),.attendance-sheet-table td:nth-child(6){max-width:28rem;min-width:calc(var(--spacing) * 80)}.attendance-sheet-table td:nth-child(6){--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);white-space:normal;color:var(--text)}.attendance-sheet-special{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text-secondary);font-style:italic}.attendance-sheet-absent{background:var(--danger-soft)}.attendance-sheet-week-off{background:var(--warning-soft)}.attendance-sheet-holiday{background:var(--info-soft)}.attendance-sheet-worked-off{background:var(--success-soft)}.attendance-sheet-status-wrap{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.attendance-sheet-task-status,.attendance-sheet-status{align-items:center;gap:calc(var(--spacing) * 1.5);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);text-transform:capitalize;border-width:1px;border-radius:3.40282e38px;display:inline-flex}.attendance-sheet-task-status.pending{background:var(--warning-soft);border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.attendance-sheet-task-status.pending{border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}}.attendance-sheet-task-status.pending{color:var(--warning)}.attendance-sheet-task-status.completed{background:var(--success-soft);border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.attendance-sheet-task-status.completed{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}}.attendance-sheet-task-status.completed{color:var(--success)}.attendance-sheet-status.work{background:var(--success-soft);border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.attendance-sheet-status.work{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}}.attendance-sheet-status.work{color:var(--success)}.attendance-sheet-status.absent{background:var(--danger-soft);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.attendance-sheet-status.absent{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}}.attendance-sheet-status.absent{color:var(--danger)}.attendance-sheet-status.week_off{background:var(--warning-soft);border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.attendance-sheet-status.week_off{border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}}.attendance-sheet-status.week_off{color:var(--warning)}.attendance-sheet-status.holiday{background:var(--info-soft);border-color:var(--info)}@supports (color:color-mix(in lab,red,red)){.attendance-sheet-status.holiday{border-color:color-mix(in srgb,var(--info) 35%,var(--border))}}.attendance-sheet-status.holiday{color:var(--info)}.attendance-sheet-status-editor{align-items:center;gap:var(--spacing);display:flex}.attendance-sheet-status-editor select{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 2.5);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));background:var(--input);border-width:1px;border-color:var(--border);color:var(--text)}.attendance-sheet-status-editor button,.attendance-sheet-icon-btn{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background:var(--input);border-width:1px;border-color:var(--border);color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.attendance-sheet-status-editor button:hover,.attendance-sheet-icon-btn:hover{background:var(--surface-2);color:var(--primary)}.attendance-sheet-table small{margin-top:var(--spacing);--tw-font-weight:var(--font-weight-semibold);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-muted);display:block}.attendance-sheet-message{min-height:calc(var(--spacing) * 44);justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.attendance-sheet-message svg{color:var(--text-muted)}.status-badge{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3.5);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);text-transform:capitalize;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:var(--info-soft);border-width:1px;border-color:var(--info);border-radius:3.40282e38px;align-items:center;transition-duration:.2s;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.status-badge{border-color:color-mix(in srgb,var(--info) 35%,var(--border))}}.status-badge{color:var(--info)}.status-present,.status-approved,.status-active,.status-success{background:var(--success-soft);border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.status-present,.status-approved,.status-active,.status-success{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}}.status-present,.status-approved,.status-active,.status-success{color:var(--success)}.status-pending,.status-late,.status-warning,.status-half_day{background:var(--warning-soft);border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.status-pending,.status-late,.status-warning,.status-half_day{border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}}.status-pending,.status-late,.status-warning,.status-half_day{color:var(--warning)}.status-rejected,.status-absent,.status-inactive,.status-error{background:var(--danger-soft);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.status-rejected,.status-absent,.status-inactive,.status-error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}}.status-rejected,.status-absent,.status-inactive,.status-error{color:var(--danger)}.status-badge option{background-color:var(--bg-card);color:var(--text-primary)}.modal{z-index:50;--tw-translate-x: -50% ;--tw-translate-y: -50% ;width:min(680px,100vw - 1.5rem);max-height:92vh;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:32px;position:fixed;top:50%;left:50%;overflow-y:auto}.modal-header,.modal-footer{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);padding:calc(var(--spacing) * 6);border-bottom-width:1px;border-color:var(--border);display:flex}.modal-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-bottom-style:var(--tw-border-style);background:var(--surface);border-bottom-width:0;flex-wrap:wrap;justify-content:flex-end;position:sticky;bottom:0}.modal form,.modal-body{padding:calc(var(--spacing) * 6)}@media(min-width:40rem){.modal form,.modal-body{padding:calc(var(--spacing) * 7)}}.modal-close{height:calc(var(--spacing) * 9.5);width:calc(var(--spacing) * 9.5);border-radius:var(--radius-2xl);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.modal-close:hover{background:var(--danger-soft);color:var(--danger)}.confirm-modal{max-width:var(--container-md)}.confirm-message{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--text-secondary)}.emp-card-grid{gap:calc(var(--spacing) * 5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:48rem){.emp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:80rem){.emp-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.employee-table-card{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;display:none}@media(min-width:48rem){.employee-table-card{display:block}}.employee-table-card{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}@media(min-width:48rem){.employee-mobile-list{display:none}}.employee-management-table th:first-child,.employee-management-table td:first-child{z-index:10;background:var(--surface);position:sticky;left:0}.employee-management-table thead th:first-child{background:var(--surface-2)}.employee-id-cell{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);background:var(--primary-soft);border-width:1px;border-color:var(--primary);display:inline-flex}@supports (color:color-mix(in lab,red,red)){.employee-id-cell{border-color:color-mix(in srgb,var(--primary) 32%,var(--border))}}.employee-id-cell{color:var(--primary)}.employee-name-cell{min-width:calc(var(--spacing) * 56);align-items:center;gap:calc(var(--spacing) * 3);display:flex}.employee-name-meta{min-width:0}.employee-name-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--text);display:block;overflow:hidden}.employee-name-meta span{max-width:calc(var(--spacing) * 56);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--text-muted);display:block;overflow:hidden}.emp-card-status{flex-shrink:0}.emp-card,.holiday-item,.recent-hire-item,.alert-item,.leave-detail-item,.att-sch-item,.checkin-stat-item,.daily-task-box,.status-card,.comm-control-card{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 5);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-width:1px;transition-duration:.2s}@media(min-width:40rem){.emp-card,.holiday-item,.recent-hire-item,.alert-item,.leave-detail-item,.att-sch-item,.checkin-stat-item,.daily-task-box,.status-card,.comm-control-card{padding:calc(var(--spacing) * 6)}}.emp-card,.holiday-item,.recent-hire-item,.alert-item,.leave-detail-item,.att-sch-item,.checkin-stat-item,.daily-task-box,.status-card,.comm-control-card{background:var(--surface);border-color:var(--border)}.emp-card-header{margin-bottom:calc(var(--spacing) * 4);align-items:flex-start;gap:calc(var(--spacing) * 3);display:flex}.emp-card-identity{flex:1;min-width:0}.emp-card-name,.emp-card-code,.holiday-title,.team-room-item strong{color:var(--text)}.emp-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);overflow:hidden}.emp-card-code{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--primary)}:where(.emp-card-meta>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.emp-meta-row{align-items:center;gap:calc(var(--spacing) * 2);min-width:0;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--text-secondary);display:flex}.emp-card-footer{margin-top:calc(var(--spacing) * 4);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);padding-top:calc(var(--spacing) * 4);border-top-width:1px;border-color:var(--border);flex-wrap:wrap;display:flex}.hol-grid{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:80rem){.hol-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}}.hol-cal-header{margin-bottom:calc(var(--spacing) * 5);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);display:flex}.hol-cal-title{text-align:center}.hol-nav-btn,.hol-cal-cell{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-color:var(--border)}.hol-nav-btn{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);background:var(--input);color:var(--text);justify-content:center;align-items:center;display:flex}.hol-nav-btn:hover{background:var(--primary-soft);color:var(--primary)}.hol-cal-days-row,.hol-cal-grid{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.hol-cal-day-name{padding-block:calc(var(--spacing) * 2);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);text-transform:uppercase;color:var(--text-muted)}.hol-cal-cell{min-height:calc(var(--spacing) * 14);padding:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));position:relative}@media(min-width:40rem){.hol-cal-cell{min-height:calc(var(--spacing) * 20)}}.hol-cal-cell{background:var(--surface-2);color:var(--text)}.hol-cal-empty{opacity:.4}.hol-cal-holiday{background:var(--primary-soft);color:var(--primary)}.hol-cal-today{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary)}.hol-cal-dot,.hol-legend-dot{height:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 2.5);background:var(--primary);border-radius:3.40282e38px;display:inline-block}.hol-cal-tooltip{pointer-events:none;z-index:10;margin-bottom:calc(var(--spacing) * 2);width:calc(var(--spacing) * 40);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-2xl);padding:calc(var(--spacing) * 2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:none;position:absolute;bottom:100%;left:50%}@media(hover:hover){.hol-cal-tooltip:is(:where(.group):hover *){display:block}}.hol-cal-tooltip{background:var(--surface);color:var(--text)}.hol-cal-legend{margin-top:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--text-secondary);flex-wrap:wrap;display:flex}.hol-legend-item{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.hol-legend-today{background:var(--primary)}.hol-legend-weekend{background:var(--text-muted)}.hol-upcoming-item,.holiday-item{margin-bottom:calc(var(--spacing) * 3.5);align-items:flex-start;gap:calc(var(--spacing) * 3.5);display:flex}.hol-upcoming-date,.holiday-date{width:calc(var(--spacing) * 16);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 2.5);text-align:center;background:var(--surface-2);border-width:1px;border-color:var(--border);color:var(--text);flex-direction:column;flex-shrink:0;align-items:center;display:flex}.hol-udate-num{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold);line-height:1;font-weight:var(--font-weight-extrabold)}.hol-udate-mon,.hol-udate-day,.holiday-desc,.hol-upcoming-desc{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--text-muted)}.hol-upcoming-info{flex:1;min-width:0}.hol-upcoming-title{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text)}.hol-upcoming-actions{gap:calc(var(--spacing) * 2);margin-left:auto;display:flex}.welcome-hero,.undo-checkout-banner,.att-banner,.att-countdown,.compact-time-tracker,.checkin-progress-wrap{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 6);background:var(--surface);border-width:1px;border-color:var(--border)}.checkin-circle-btn{aspect-ratio:1;width:calc(var(--spacing) * 36);color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@media(min-width:40rem){.checkin-circle-btn{width:calc(var(--spacing) * 44)}}.checkin-circle-btn{background:var(--primary-gradient)}.compact-time-tracker-bar,.checkin-progress-bar{background:var(--surface-2);border-radius:3.40282e38px;overflow:hidden}.compact-time-tracker-bar span,.checkin-progress-bar{background:var(--primary-gradient)}.welcome-hero{margin-bottom:calc(var(--spacing) * 6);justify-content:space-between;gap:calc(var(--spacing) * 5);padding:calc(var(--spacing) * 6);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;display:flex;overflow:hidden}@media(min-width:40rem){.welcome-hero{padding:calc(var(--spacing) * 7);flex-direction:row;align-items:center}}.welcome-hero{background:radial-gradient(circle at 10% 20%,var(--primary),transparent 42%),linear-gradient(135deg,var(--surface),var(--surface-2))}@supports (color:color-mix(in lab,red,red)){.welcome-hero{background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 42%),linear-gradient(135deg,var(--surface),var(--surface-2))}}.welcome-hero-content{min-width:0}.welcome-hero-title{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media(min-width:40rem){.welcome-hero-title{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.welcome-hero-subtitle{margin-top:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media(min-width:40rem){.welcome-hero-subtitle{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}.welcome-hero-subtitle{color:var(--text-secondary)}.welcome-hero-date{align-items:center;gap:calc(var(--spacing) * 3.5);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 3.5);background:var(--surface);border-width:1px;border-color:var(--border);flex-shrink:0;display:flex}.welcome-hero-date-icon{height:calc(var(--spacing) * 11);width:calc(var(--spacing) * 11);border-radius:var(--radius-xl);color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--primary-gradient);justify-content:center;align-items:center;display:flex}.welcome-hero-date-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text)}.emp-dash-grid{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:80rem){.emp-dash-grid{grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr)}}.emp-dashboard-lower-grid{margin-top:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 6);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:80rem){.emp-dashboard-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.checkin-card{text-align:center;overflow:hidden}.ist-badge,.ist-badge-sm{margin-inline:auto;margin-bottom:calc(var(--spacing) * 3.5);align-items:center;gap:calc(var(--spacing) * 1.5);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3.5);padding-block:var(--spacing);--tw-font-weight:var(--font-weight-extrabold);font-size:11px;font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase;background:var(--primary-soft);border-width:1px;border-color:var(--primary);border-radius:3.40282e38px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.ist-badge,.ist-badge-sm{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}}.ist-badge,.ist-badge-sm{color:var(--primary)}.checkin-date{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.checkin-clock{margin-top:calc(var(--spacing) * 2);font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold);line-height:1;font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media(min-width:40rem){.checkin-clock{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.checkin-clock{color:var(--text)}.compact-time-tracker{margin-block:calc(var(--spacing) * 5);text-align:left}.compact-time-tracker-meta{margin-bottom:calc(var(--spacing) * 2);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text-secondary);display:flex}.compact-time-tracker-meta strong{color:var(--text)}.compact-time-tracker-bar{height:calc(var(--spacing) * 3)}.compact-time-tracker-bar span{height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;border-radius:3.40282e38px;transition-duration:.5s;display:block}.employee-live-timer{margin-block:calc(var(--spacing) * 5);border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 5);text-align:left;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:linear-gradient(135deg,var(--primary),var(--surface));border-width:1px}@supports (color:color-mix(in lab,red,red)){.employee-live-timer{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--surface)),var(--surface))}}.employee-live-timer{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.employee-live-timer{border-color:color-mix(in srgb,var(--primary) 26%,var(--border))}}.employee-live-timer-head{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);display:flex}.employee-live-timer-head>div{gap:var(--spacing);flex-direction:column;display:flex}.employee-live-timer-kicker{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);display:flex}.employee-live-timer-kicker i{height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2);background:var(--success);box-shadow:0 0 0 4px var(--success);border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.employee-live-timer-kicker i{box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 18%,transparent)}}.employee-live-timer.paused .employee-live-timer-kicker i{background:var(--warning);box-shadow:0 0 0 4px var(--warning)}@supports (color:color-mix(in lab,red,red)){.employee-live-timer.paused .employee-live-timer-kicker i{box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 18%,transparent)}}.employee-live-timer-head strong{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--text)}.employee-live-timer-status{padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--success);background:var(--success-soft);border-radius:3.40282e38px}.employee-live-timer.paused .employee-live-timer-status{color:var(--warning);background:var(--warning-soft)}.employee-live-timer-value{margin-top:calc(var(--spacing) * 5);font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media(min-width:40rem){.employee-live-timer-value{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.employee-live-timer-value{color:var(--text);font-variant-numeric:tabular-nums}.employee-live-timer-caption{margin-top:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.employee-live-timer-bar{margin-top:calc(var(--spacing) * 5);height:calc(var(--spacing) * 3);background:var(--primary);border-radius:3.40282e38px;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.employee-live-timer-bar{background:color-mix(in srgb,var(--primary) 12%,var(--surface-2))}}.employee-live-timer-bar span{height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;background:var(--primary-gradient);border-radius:3.40282e38px;transition-duration:.5s;display:block}.employee-live-timer-footer{margin-top:calc(var(--spacing) * 3);justify-content:space-between;column-gap:calc(var(--spacing) * 4);row-gap:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text-secondary);flex-wrap:wrap;display:flex}.employee-live-timer-footer b{color:var(--primary)}.att-banner,.att-countdown{margin-top:calc(var(--spacing) * 4);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);display:flex}.att-banner-checkout{background:var(--success-soft);border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.att-banner-checkout{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}}.att-banner-checkout{color:var(--success)}.att-banner-break{background:var(--warning-soft);border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.att-banner-break{border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}}.att-banner-break{color:var(--warning)}.att-banner-absent{background:var(--danger-soft);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.att-banner-absent{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}}.att-banner-absent{color:var(--danger)}.att-countdown{background:var(--info-soft);border-color:var(--info)}@supports (color:color-mix(in lab,red,red)){.att-countdown{border-color:color-mix(in srgb,var(--info) 35%,var(--border))}}.att-countdown{color:var(--info)}.att-countdown strong{color:var(--text)}.att-countdown-overdue{background:var(--danger-soft);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.att-countdown-overdue{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}}.att-countdown-overdue{color:var(--danger)}.checkin-progress-wrap{margin-top:calc(var(--spacing) * 4);height:calc(var(--spacing) * 9);border-radius:var(--radius-2xl);padding:0;position:relative;overflow:hidden}.checkin-progress-bar{height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;border-radius:0;transition-duration:.5s}.checkin-progress-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--text);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.checkin-circle-btn{gap:calc(var(--spacing) * 2);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);white-space:pre-line;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;flex-direction:column;transition-duration:.3s}@media(hover:hover){.checkin-circle-btn:hover{scale:1.04}}.checkin-circle-btn:disabled{cursor:not-allowed;opacity:.6}.checkin-circle-btn{box-shadow:var(--primary-glow)}.checkin-circle-btn.checked-out{background:var(--success);box-shadow:0 10px 28px -5px #10b98173}.checkin-circle-btn.break-mode{background:var(--warning);box-shadow:0 10px 28px -5px #f59e0b73}.btn-warning{background:var(--warning-soft);border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.btn-warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}}.btn-warning{color:var(--warning)}.btn-warning:hover:not(:disabled){color:var(--color-white);background:var(--warning)}.btn-spinner{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);animation:var(--animate-spin);border-style:var(--tw-border-style);border-width:2px;border-color:#fff6;border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.btn-spinner{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.btn-spinner{border-top-color:var(--color-white)}.break-controls-panel,.break-control-card,.active-break-details-card{color:var(--text)}.break-request-status-list{margin-top:calc(var(--spacing) * 3)}:where(.break-request-status-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.break-request-status-list{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 4);background:var(--surface-2);border-width:1px;border-color:var(--border)}.break-request-status-row{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-transform:capitalize;color:var(--text-secondary);display:flex}.break-request-status-row .status-badge{flex-shrink:0}.att-time-row{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}@media(min-width:40rem){.att-time-row{flex-direction:row;justify-content:space-between}}.att-time-badge{align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);background:var(--surface-2);border-width:1px;border-color:var(--border);color:var(--text);flex-wrap:wrap;display:flex}.hours-tag,.late-tag{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * .5);--tw-font-weight:var(--font-weight-extrabold);font-size:11px;font-weight:var(--font-weight-extrabold);border-width:1px;border-radius:3.40282e38px}.hours-tag{background:var(--success-soft);border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.hours-tag{border-color:color-mix(in srgb,var(--success) 30%,var(--border))}}.hours-tag{color:var(--success)}.late-tag{background:var(--danger-soft);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.late-tag{border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}}.late-tag{color:var(--danger)}.checkin-stats{gap:calc(var(--spacing) * 3.5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:40rem){.checkin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.checkin-stat-item{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 5);text-align:center;background:var(--surface-2);border-width:1px;border-color:var(--border)}.checkin-stat-item .label{--tw-font-weight:var(--font-weight-extrabold);font-size:11px;font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);display:block}.checkin-stat-item .value{margin-top:var(--spacing);font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--primary);display:block}.emp-quick-card .card-header{margin-bottom:calc(var(--spacing) * 4)}.emp-quick-grid{gap:calc(var(--spacing) * 3.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.emp-quick-action{min-height:calc(var(--spacing) * 20);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 4);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:var(--surface-2);border-width:1px;border-color:var(--border);color:var(--text);flex-direction:column;transition-duration:.2s;display:flex}.emp-quick-action svg{color:var(--primary)}.emp-quick-action:hover{background:var(--primary-soft);border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.emp-quick-action:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}}.emp-quick-action:hover{color:var(--primary);transform:translateY(-2px)}.att-schedule-grid{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:40rem){.att-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.att-sch-item{gap:var(--spacing);flex-direction:column;display:flex}.att-sch-label{align-items:center;gap:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);display:flex}.att-sch-value{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--text)}.att-sch-note{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--text-secondary)}.lunch-prompt-modal{max-width:var(--container-md);padding:calc(var(--spacing) * 6);text-align:center}.lunch-prompt-icon{margin-inline:auto;margin-bottom:calc(var(--spacing) * 4);height:calc(var(--spacing) * 16);width:calc(var(--spacing) * 16);background:var(--primary-soft);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.lunch-prompt-title{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.lunch-prompt-sub{margin-top:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--text-secondary)}.lunch-prompt-actions{margin-top:calc(var(--spacing) * 5);gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}@media(min-width:40rem){.lunch-prompt-actions{flex-direction:row;justify-content:center}}.hr-stats-row{gap:1rem!important}.hr-stat-card{flex:1;min-width:0}.hr-stat-card-content{min-width:0}.glass-revenue-dashboard{height:100%}.glass-chart-card{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);height:100%;padding:calc(var(--spacing) * 6);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px}@media(min-width:40rem){.glass-chart-card{padding:calc(var(--spacing) * 7)}}.glass-chart-card{background:var(--surface);border-color:var(--border)}.glass-chart-header{margin-bottom:calc(var(--spacing) * 5);gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}@media(min-width:40rem){.glass-chart-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.glass-chart-kicker{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--primary)}.glass-chart-header h2{margin-top:var(--spacing);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.glass-chart-legend{align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text-secondary);flex-wrap:wrap;display:flex}.glass-chart-legend span{align-items:center;gap:calc(var(--spacing) * 1.5);display:inline-flex}.legend-dot{height:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 2.5);background:var(--primary);border-radius:3.40282e38px}.legend-line{height:calc(var(--spacing) * .5);width:calc(var(--spacing) * 5);background:var(--info);border-radius:3.40282e38px}.glass-chart-plot{min-height:calc(var(--spacing) * 64);gap:calc(var(--spacing) * 3);grid-template-columns:42px minmax(0,1fr);display:grid}.glass-chart-axis{padding-block:calc(var(--spacing) * 7);text-align:right;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text-muted);flex-direction:column;justify-content:space-between;display:flex}.glass-chart-bars{--chart-columns:6;align-items:flex-end;gap:calc(var(--spacing) * 3.5);border-radius:var(--radius-3xl);border-style:var(--tw-border-style);min-width:420px;padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 8);grid-template-columns:repeat(var(--chart-columns),minmax(34px,1fr));background:linear-gradient(180deg,var(--surface-2),transparent);border-width:1px;border-color:var(--border);display:grid;position:relative;overflow:hidden}.glass-line-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.glass-line-overlay polyline{fill:none;stroke:var(--info);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.glass-line-overlay circle{fill:var(--surface);stroke:var(--info);stroke-width:3px}.glass-bar-group{z-index:10;height:calc(var(--spacing) * 48);justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 2);flex-direction:column;min-width:0;display:flex;position:relative}.glass-bar{width:100%;max-width:calc(var(--spacing) * 10);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background:var(--primary-gradient);transition-duration:.3s}.glass-bar.teal{background:linear-gradient(180deg,var(--success),var(--success))}@supports (color:color-mix(in lab,red,red)){.glass-bar.teal{background:linear-gradient(180deg,var(--success),color-mix(in srgb,var(--success) 70%,#000))}}.glass-bar.blue{background:linear-gradient(180deg,var(--info),var(--info))}@supports (color:color-mix(in lab,red,red)){.glass-bar.blue{background:linear-gradient(180deg,var(--info),color-mix(in srgb,var(--info) 70%,#000))}}.glass-bar-value{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--text)}.glass-bar-group span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text-muted)}.dark .glass-chart-header h2,.dark .glass-chart-axis,.dark .glass-bar-value,.dark .glass-bar-group span,.dark .MuiChartsAxis-root text,.dark .MuiChartsLegend-root text,.dark .MuiChartsText-root{color:#f8fafc!important;fill:#f8fafc!important}.dark .MuiChartsAxis-line,.dark .MuiChartsAxis-tick{stroke:#64748b!important}:where(:is(.pending-request-list,.alert-day-items)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.break-request-item>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.alert-message{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--text-secondary)}.alert-actions{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.break-timer-row{align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.break-timer-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text-muted)}.break-timer-presets{gap:calc(var(--spacing) * 1.5);flex-wrap:wrap;display:flex}.break-preset-btn{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:var(--input);border-width:1px;border-color:var(--border);color:var(--text-secondary);transition-duration:.2s}.break-preset-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--primary-glow);border-color:#0000}.alert-day-group{margin-top:calc(var(--spacing) * 4)}.alert-day-header{margin-bottom:calc(var(--spacing) * 2);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);display:flex}.alert-day-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--text)}.alert-day-count{padding-inline:calc(var(--spacing) * 2.5);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);background:var(--surface-2);color:var(--text-muted);border-radius:3.40282e38px}.alert-item-row{padding-left:calc(var(--spacing) * 5);position:relative}.alert-item-dot{top:calc(var(--spacing) * 5);left:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2);background:var(--primary);border-radius:3.40282e38px;position:absolute}.alert-item-meta{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text-muted);flex-shrink:0}.dashboard-skeleton-panel{justify-content:center;align-items:center;gap:calc(var(--spacing) * 5);border-radius:var(--radius-3xl);background:var(--surface-2);flex-direction:column;display:flex}.dashboard-skeleton-list{gap:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 4);flex-direction:column;display:flex}.dashboard-skeleton-page{gap:calc(var(--spacing) * 5);padding:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:40rem){.dashboard-skeleton-page{padding:calc(var(--spacing) * 6)}}@media(min-width:64rem){.dashboard-skeleton-page{padding:calc(var(--spacing) * 8)}}.dashboard-skeleton-stats{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:40rem){.dashboard-skeleton-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:80rem){.dashboard-skeleton-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.dashboard-skeleton-card{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 6);background:var(--surface);border-width:1px;border-color:var(--border);box-shadow:var(--shadow)}.dashboard-skeleton{background:linear-gradient(90deg,var(--surface-2),var(--primary),var(--surface-2));border-radius:3.40282e38px;display:block;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.dashboard-skeleton{background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--primary) 16%,var(--surface)),var(--surface-2))}}.dashboard-skeleton{background-size:220% 100%;animation:1.2s ease-in-out infinite dashboard-skeleton}.dashboard-skeleton-title{margin-bottom:calc(var(--spacing) * 4);height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 40)}.dashboard-skeleton-value{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 24)}.dashboard-skeleton-chart{height:calc(var(--spacing) * 40);border-radius:20px;width:min(520px,90%)}.dashboard-skeleton-row{justify-content:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.dashboard-skeleton-pill{height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 24)}.dashboard-skeleton-line{height:calc(var(--spacing) * 12);border-radius:16px;width:100%}.dashboard-skeleton-line.wide{height:calc(var(--spacing) * 14)}.dashboard-skeleton-line.short{width:66.6667%}.team-chat-page{min-height:calc(100vh - 8rem)}.team-chat-shell{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr));height:calc(100vh - 7.5rem);min-height:620px;display:grid}@media(min-width:80rem){.team-chat-shell{grid-template-columns:360px minmax(0,1fr)}}.team-room-panel,.team-message-panel{border-radius:var(--radius-3xl);min-height:0;overflow:hidden}.team-room-panel{flex-direction:column;display:flex}.team-panel-header,.team-chat-header{border-bottom-style:var(--tw-border-style);padding:calc(var(--spacing) * 4.5);border-bottom-width:1px;border-color:var(--border)}.team-wa-panel-header{background:var(--surface)}.team-wa-chat-header{background:var(--surface);flex-shrink:0}.team-wa-chat-header h2,.team-wa-panel-header h2{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.team-wa-chat-header p{margin-top:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}@media(min-width:40rem){.team-wa-chat-header p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.team-wa-chat-header p{color:var(--text-muted)}.team-wa-header-actions{margin-left:auto}.team-kicker{--tw-font-weight:var(--font-weight-extrabold);font-size:11px;font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--primary)}.team-search{padding:calc(var(--spacing) * 4.5)}.team-room-list{flex:1}:where(.team-room-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.team-room-list{padding:calc(var(--spacing) * 3.5);padding-top:0;overflow-y:auto}.team-room-item{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3.5);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing) * 4);text-align:left;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:var(--surface);border-width:1px;border-color:var(--border);color:var(--text-secondary);transition-duration:.2s;display:flex}.team-room-item:hover{background:var(--surface-2)}.team-room-item.active{color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--primary-gradient);border-color:#0000}.team-room-item.active *{color:#fff!important}.team-message-panel{flex-direction:column;display:flex}.team-message-list{flex:1}:where(.team-message-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.team-message-list{padding:calc(var(--spacing) * 4);overflow-y:auto}@media(min-width:40rem){.team-message-list{padding:calc(var(--spacing) * 6)}}.team-message-list{background:radial-gradient(circle at 12% 8%,var(--primary),transparent 35%),linear-gradient(180deg,var(--surface-2),var(--bg))}@supports (color:color-mix(in lab,red,red)){.team-message-list{background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 35%),linear-gradient(180deg,var(--surface-2),var(--bg))}}.team-message{align-items:flex-start;gap:calc(var(--spacing) * 3.5);display:flex}.team-message.mine{flex-direction:row-reverse}.team-avatar{margin-top:var(--spacing);height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);font-size:11px}@media(min-width:40rem){.team-avatar{height:calc(var(--spacing) * 9.5);width:calc(var(--spacing) * 9.5)}}.team-bubble{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);max-width:min(720px,82%);padding-inline:calc(var(--spacing) * 4.5);padding-block:calc(var(--spacing) * 3.5);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--surface);border-width:1px;border-color:var(--border);color:var(--text)}.team-message.mine .team-bubble{background:var(--primary-soft)}@supports (color:color-mix(in lab,red,red)){.team-message.mine .team-bubble{background:color-mix(in srgb,var(--primary-soft) 88%,var(--surface))}}.team-message.mine .team-bubble{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.team-message.mine .team-bubble{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}}.team-bubble p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);overflow-wrap:break-word;white-space:pre-wrap}.team-message-meta{margin-bottom:var(--spacing);align-items:center;gap:calc(var(--spacing) * 2);color:var(--text-muted);flex-wrap:wrap;font-size:11px;display:flex}.team-message-meta strong{color:var(--text)}.team-message-actions,.team-compose-tools,.team-compose-files,.team-attachment-list{margin-top:calc(var(--spacing) * 2);align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.team-message-actions button,.team-compose-tools button,.team-compose-tools label{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);cursor:pointer;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background:var(--input);border-width:1px;border-color:var(--border);color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.team-reply-preview,.team-attachment-pill{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));background:var(--surface);border-width:1px;border-color:var(--border);color:var(--text-secondary)}.team-composer{align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);padding:calc(var(--spacing) * 3.5);border-top-width:1px;flex-shrink:0;display:flex;position:relative}@media(min-width:40rem){.team-composer{padding:calc(var(--spacing) * 4.5)}}.team-composer{border-color:var(--border);background:var(--surface)}.team-composer input{height:calc(var(--spacing) * 11.5);padding-inline:calc(var(--spacing) * 5);padding-right:calc(var(--spacing) * 5);background:var(--input);border-radius:3.40282e38px;flex:1}.team-emoji-trigger{height:calc(var(--spacing) * 11.5);width:calc(var(--spacing) * 11.5);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background:var(--input);border-width:1px;border-color:var(--border);color:var(--text-secondary);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.team-emoji-trigger:hover{background:var(--primary-soft);color:var(--primary)}.team-emoji-picker{bottom:calc(100% + .5rem);left:calc(var(--spacing) * 2);gap:var(--spacing);border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 2.5);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:absolute}@media(min-width:40rem){.team-emoji-picker{left:calc(var(--spacing) * 3)}}.team-emoji-picker{background:var(--surface);border-color:var(--border)}.team-emoji-picker button{height:calc(var(--spacing) * 9.5);width:calc(var(--spacing) * 9.5);border-radius:var(--radius-2xl);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:flex}.team-emoji-picker button:hover{background:var(--surface-2)}.team-composer .btn-icon{height:calc(var(--spacing) * 11.5);width:calc(var(--spacing) * 11.5);border-radius:3.40282e38px}.team-pinned-bar{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-bottom-width:1px;border-color:var(--border);background:var(--surface-2)}.team-live-dot{padding-inline:calc(var(--spacing) * 2.5);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);background:var(--success-soft);color:var(--success);border-radius:3.40282e38px}.team-video-tile{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);background-color:var(--color-black);border-width:1px;border-color:var(--border);position:relative;overflow:hidden}.team-video-tile video{aspect-ratio:var(--aspect-video);object-fit:cover;width:100%;height:100%}.team-video-label{bottom:calc(var(--spacing) * 2.5);left:calc(var(--spacing) * 2.5);border-radius:var(--radius-xl);background-color:#0009;position:absolute}@supports (color:color-mix(in lab,red,red)){.team-video-label{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.team-video-label{padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-white);--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.toast-container{top:calc(var(--spacing) * 4);right:calc(var(--spacing) * 4);z-index:80;gap:calc(var(--spacing) * 2.5);flex-direction:column;width:min(380px,100vw - 2rem);display:flex;position:fixed}.toast{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);color:#fff;background:#0f172a;border-width:1px;border-color:#1e293b}.toast.success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 10px 28px -5px #10b98173}.toast.error{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#0000;box-shadow:0 10px 28px -5px #f43f5e73}.toast.warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#0000;box-shadow:0 10px 28px -5px #f59e0b73}.toast.info{color:#fff;background:linear-gradient(135deg,#06b6d4,#0284c7);border-color:#0000;box-shadow:0 10px 28px -5px #06b6d473}.dashboard-command-center,.employee-dashboard{max-width:1540px;margin-inline:auto}.dashboard-command-header{margin-bottom:calc(var(--spacing) * 5);justify-content:space-between;gap:calc(var(--spacing) * 5);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 6);border-width:1px;flex-direction:column;display:flex;overflow:hidden}@media(min-width:40rem){.dashboard-command-header{padding:calc(var(--spacing) * 7);flex-direction:row;align-items:center}}.dashboard-command-header{background:linear-gradient(105deg,var(--primary),var(--surface) 55%),var(--surface)}@supports (color:color-mix(in lab,red,red)){.dashboard-command-header{background:linear-gradient(105deg,color-mix(in srgb,var(--primary) 15%,var(--surface)),var(--surface) 55%),var(--surface)}}.dashboard-command-header{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dashboard-command-header{border-color:color-mix(in srgb,var(--primary) 24%,var(--border))}}.dashboard-command-header{box-shadow:0 10px 24px -20px var(--primary)}@supports (color:color-mix(in lab,red,red)){.dashboard-command-header{box-shadow:0 10px 24px -20px color-mix(in srgb,var(--primary) 60%,transparent)}}.dashboard-eyebrow{margin-bottom:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-extrabold);font-size:11px;font-weight:var(--font-weight-extrabold);--tw-tracking:.16em;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);display:block}.dashboard-command-header h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}@media(min-width:40rem){.dashboard-command-header h2{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.dashboard-command-header h2{color:var(--text)}.dashboard-command-header p{margin-top:calc(var(--spacing) * 2);max-width:var(--container-xl);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--text-secondary)}.dashboard-command-date{align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);background:var(--surface);border-width:1px;border-color:var(--border);color:var(--text);flex-shrink:0;display:inline-flex}.dashboard-command-date svg{color:var(--primary)}.hr-command-center .welcome-hero,.employee-dashboard .welcome-hero{display:none}.hr-command-center .hr-stats-row{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:40rem){.hr-command-center .hr-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:80rem){.hr-command-center .hr-stats-row{grid-template-columns:repeat(5,minmax(0,1fr))}}.hr-command-center .hr-stat-card{min-width:0}.hr-command-center .hr-stat-card-content{gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 4.5)}.hr-command-center .hr-stat-card .MuiTypography-root:first-child{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.hr-command-center .glass-chart-card{border-radius:var(--radius-2xl);padding:calc(var(--spacing) * 5)}@media(min-width:40rem){.hr-command-center .glass-chart-card{padding:calc(var(--spacing) * 6)}}.hr-command-center .MuiCard-root{box-shadow:none;border-radius:16px}.hr-command-center .MuiCard-root:hover{box-shadow:var(--shadow);transform:none}.hr-command-center .MuiCardHeader-root{padding-inline:calc(var(--spacing) * 5);padding-top:calc(var(--spacing) * 5)}.hr-command-center .MuiCardContent-root{padding-inline:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 5)}.employee-dashboard .dashboard-command-header{margin-bottom:calc(var(--spacing) * 5)}.employee-dashboard .emp-dash-grid{gap:calc(var(--spacing) * 5)}.employee-dashboard .emp-dash-grid>div{gap:20px!important}.employee-dashboard .checkin-card{border-top:3px solid var(--primary)}.employee-dashboard .employee-live-timer,.employee-dashboard .card{box-shadow:none}.employee-dashboard .card:hover{transform:none}.employee-dashboard .emp-quick-action{border-style:solid}@media(max-width:640px){.dashboard-command-header{padding:calc(var(--spacing) * 5)}.dashboard-command-header h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.dashboard-command-date{justify-content:center;width:100%}}.employee-dashboard{max-width:1480px;margin-inline:auto}.employee-dashboard .welcome-hero{margin-bottom:calc(var(--spacing) * 5);min-height:calc(var(--spacing) * 36);background:linear-gradient(90deg,var(--primary),var(--surface) 62%),var(--surface);align-items:center}@supports (color:color-mix(in lab,red,red)){.employee-dashboard .welcome-hero{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface) 62%),var(--surface)}}.employee-dashboard .pending-requests-banner,.employee-dashboard .checkout-summary-banner{margin-bottom:calc(var(--spacing) * 5);border-radius:var(--radius-2xl)}.employee-dashboard .emp-dash-grid{align-items:flex-start;gap:calc(var(--spacing) * 5);grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr)}.employee-dashboard .checkin-card{top:calc(var(--spacing) * 24);text-align:left;background:var(--surface);padding:0;position:sticky;overflow:hidden}.employee-dashboard .checkin-card>.ist-badge,.employee-dashboard .checkin-card>.checkin-date,.employee-dashboard .checkin-card>.checkin-clock{margin-left:24px;margin-right:24px}.employee-dashboard .checkin-card>.ist-badge{margin-top:24px;margin-bottom:10px}.employee-dashboard .checkin-card>.checkin-date{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase}.employee-dashboard .checkin-card>.checkin-clock{margin-top:var(--spacing);text-align:left;font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}@media(min-width:40rem){.employee-dashboard .checkin-card>.checkin-clock{font-size:3.25rem}}.employee-dashboard .checkin-card .status-message-container{margin-inline:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 5);border-radius:var(--radius-xl);text-align:left;border-left:3px solid var(--primary)!important}.employee-dashboard .checkin-card .employee-live-timer{margin-inline:calc(var(--spacing) * 6);margin-block:calc(var(--spacing) * 5);border-radius:var(--radius-2xl)}.employee-dashboard .checkin-card .att-banner,.employee-dashboard .checkin-card .att-countdown,.employee-dashboard .checkin-card .checkin-progress-wrap,.employee-dashboard .checkin-card .active-break-details-card{margin-left:24px;margin-right:24px}.employee-dashboard .checkin-btn-container{border-top-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 6);border-top-width:1px;border-color:var(--border)}.employee-dashboard .checkin-circle-btn{height:calc(var(--spacing) * 28);width:calc(var(--spacing) * 28);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));align-self:center}.employee-dashboard .break-controls-panel{border-top-style:var(--tw-border-style);padding-top:calc(var(--spacing) * 5);border-top-width:1px}.employee-dashboard .card{border-radius:var(--radius-2xl)}.employee-dashboard .card-title{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.employee-dashboard .checkin-stats{gap:calc(var(--spacing) * 3)}.employee-dashboard .checkin-stat-item{border-radius:var(--radius-xl);padding:calc(var(--spacing) * 4);text-align:left}.employee-dashboard .checkin-stat-item .value{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.employee-dashboard .daily-task-box{border-radius:var(--radius-2xl)}.employee-dashboard .emp-quick-grid{gap:calc(var(--spacing) * 2.5);grid-template-columns:repeat(4,minmax(0,1fr))}.employee-dashboard .emp-quick-action{min-height:calc(var(--spacing) * 24);border-radius:var(--radius-xl)}.employee-dashboard .emp-dashboard-lower-grid{margin-top:calc(var(--spacing) * 5);gap:calc(var(--spacing) * 5)}.employee-dashboard .holiday-item{margin-bottom:calc(var(--spacing) * 2);border-radius:var(--radius-xl);padding:calc(var(--spacing) * 3)}@media(max-width:1279px){.employee-dashboard .emp-dash-grid{grid-template-columns:1fr}.employee-dashboard .checkin-card{position:static}}@media(max-width:640px){.employee-dashboard .emp-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-dashboard .checkin-card>.ist-badge,.employee-dashboard .checkin-card>.checkin-date,.employee-dashboard .checkin-card>.checkin-clock,.employee-dashboard .checkin-card .status-message-container,.employee-dashboard .checkin-card .employee-live-timer,.employee-dashboard .checkin-card .att-banner,.employee-dashboard .checkin-card .att-countdown,.employee-dashboard .checkin-card .checkin-progress-wrap,.employee-dashboard .checkin-card .active-break-details-card{margin-left:18px;margin-right:18px}.employee-dashboard .checkin-btn-container{padding-inline:calc(var(--spacing) * 4)}}.app-layout{background:var(--bg-secondary)}.sidebar{border-block-style:var(--tw-border-style);border-block-width:0;border-left-style:var(--tw-border-style);--tw-shadow:0 0 #0000;width:272px;height:100vh;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--surface);border-left-width:0;border-color:var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;top:0;left:0}.sidebar-brand{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 5);border-bottom-width:1px;border-color:var(--border)}.sidebar-logo-wrap{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);border-radius:var(--radius-xl);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sidebar-brand h2{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.sidebar-section-label{padding-inline:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 2);--tw-tracking:.14em;letter-spacing:.14em}:where(.sidebar-nav>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.sidebar-nav{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2)}.sidebar-nav a{border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2.5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.sidebar-nav a:hover{background:var(--surface-2);transform:none}.sidebar-nav a.active{box-shadow:none}.sidebar-footer{padding:calc(var(--spacing) * 4);background:var(--surface);border-radius:0}.main-content{padding-bottom:calc(var(--spacing) * 10)}@media(min-width:64rem){.main-content{margin-left:272px}}.main-content{background:var(--bg-secondary)}.main-body{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 6)}@media(min-width:40rem){.main-body{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:64rem){.main-body{padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 8)}}.main-body{max-width:1680px}.main-header{min-height:calc(var(--spacing) * 18);border-inline-style:var(--tw-border-style);border-inline-width:0;border-top-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-inline:0;border-top-width:0;border-radius:0;margin-top:0;position:sticky;top:0}@media(min-width:40rem){.main-header{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:64rem){.main-header{padding-inline:calc(var(--spacing) * 8)}}.main-header{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.main-header{background:color-mix(in srgb,var(--surface) 96%,transparent)}}.main-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.main-header.scrolled{box-shadow:var(--shadow);border-color:var(--border)}.main-header h1{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media(min-width:40rem){.main-header h1{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.header-search-input,.form-input,.form-select,.form-textarea,.team-search input,.team-composer input,.header-user-chip{border-radius:var(--radius-xl)}.card,.stat-card,.table-wrap,.table-container,.modal,.team-room-panel,.team-message-panel,.team-meet-panel{border-radius:var(--radius-2xl);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);box-shadow:0 1px 2px #0f172a09}.card{padding:calc(var(--spacing) * 5)}@media(min-width:40rem){.card{padding:calc(var(--spacing) * 6)}}.card-header{margin-bottom:calc(var(--spacing) * 4)}.stat-card{padding:calc(var(--spacing) * 5)}.stat-card:hover,.card:hover{box-shadow:var(--shadow);border-color:var(--border);transform:none}.stat-card .stat-icon{margin-bottom:calc(var(--spacing) * 3);height:calc(var(--spacing) * 11);width:calc(var(--spacing) * 11);border-radius:var(--radius-xl);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.stats-grid{gap:calc(var(--spacing) * 4)}.btn{min-height:calc(var(--spacing) * 10);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.btn-sm{min-height:calc(var(--spacing) * 8);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5)}.btn-icon{border-radius:var(--radius-xl)}.btn-primary:hover:not(:disabled){box-shadow:none;transform:translateY(-1px)}.search-bar{gap:calc(var(--spacing) * 3);border-radius:var(--radius-2xl);padding:calc(var(--spacing) * 3.5);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-label{margin-bottom:calc(var(--spacing) * 2);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);text-transform:none}.table-wrap,.table-container{border-radius:var(--radius-2xl)}th,td{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3.5)}tbody tr:hover{background:var(--primary-soft)}@supports (color:color-mix(in lab,red,red)){tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 28%,var(--surface))}}.welcome-hero{border-radius:var(--radius-2xl);padding:calc(var(--spacing) * 5);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:40rem){.welcome-hero{padding:calc(var(--spacing) * 6)}}.welcome-hero-date{border-radius:var(--radius-xl);padding:calc(var(--spacing) * 3)}.welcome-hero-date-icon{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);border-radius:var(--radius-lg)}.attendance-sheet-summary,.emp-card,.holiday-item,.recent-hire-item,.alert-item,.leave-detail-item,.att-sch-item,.checkin-stat-item,.daily-task-box,.status-card,.comm-control-card,.modal{border-radius:var(--radius-2xl)}@media(max-width:1023px){.sidebar{--tw-translate-x:-100%;width:min(288px,100vw - 1.25rem);height:100%;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:1px;top:0;left:0}.sidebar.open{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.main-content{margin-left:0}}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-2{inset:calc(var(--spacing) * 2)}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-4{top:calc(var(--spacing) * 4)}.right-1\/4{right:25%}.right-4{right:calc(var(--spacing) * 4)}.bottom-1\/4{bottom:25%}.left-1\/4{left:25%}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.-z-10{z-index:-10}.-z-20{z-index:-20}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-48{height:calc(var(--spacing) * 48)}.h-\[min\(32rem\,75vw\)\]{height:min(32rem,75vw)}.h-\[min\(38rem\,85vw\)\]{height:min(38rem,85vw)}.h-full{height:100%}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-\[min\(32rem\,75vw\)\]{width:min(32rem,75vw)}.w-\[min\(38rem\,85vw\)\]{width:min(38rem,85vw)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-blue-400\/30{border-color:#54a2ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-400\/30{border-color:color-mix(in oklab,var(--color-blue-400) 30%,transparent)}}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent)}}.border-blue-500\/50{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/50{border-color:color-mix(in oklab,var(--color-blue-500) 50%,transparent)}}.border-cyan-400{border-color:var(--color-cyan-400)}.border-cyan-500\/40{border-color:#00b7d766}@supports (color:color-mix(in lab,red,red)){.border-cyan-500\/40{border-color:color-mix(in oklab,var(--color-cyan-500) 40%,transparent)}}.border-emerald-400{border-color:var(--color-emerald-400)}.border-rose-500\/30{border-color:#ff23574d}@supports (color:color-mix(in lab,red,red)){.border-rose-500\/30{border-color:color-mix(in oklab,var(--color-rose-500) 30%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.border-t-transparent{border-top-color:#0000}.border-t-white{border-top-color:var(--color-white)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.bg-blue-600\/20{background-color:#155dfc33}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/20{background-color:color-mix(in oklab,var(--color-blue-600) 20%,transparent)}}.bg-cyan-400{background-color:var(--color-cyan-400)}.bg-cyan-500\/20{background-color:#00b7d733}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/20{background-color:color-mix(in oklab,var(--color-cyan-500) 20%,transparent)}}.bg-emerald-950\/30{background-color:#002c224d}@supports (color:color-mix(in lab,red,red)){.bg-emerald-950\/30{background-color:color-mix(in oklab,var(--color-emerald-950) 30%,transparent)}}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/20{background-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.bg-rose-500\/15{background-color:#ff235726}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/15{background-color:color-mix(in oklab,var(--color-rose-500) 15%,transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/85{background-color:#020618d9}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/85{background-color:color-mix(in oklab,var(--color-slate-950) 85%,transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(ellipse_at_top_left\,rgba\(37\,99\,235\,0\.25\)\,rgba\(14\,165\,233\,0\.15\)_40\%\,rgba\(3\,7\,18\,0\.92\)_80\%\)\]{background-image:radial-gradient(at 0 0,#2563eb40,#0ea5e926 40%,#030712eb 80%)}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-indigo-300{--tw-gradient-via:var(--color-indigo-300);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-cyan-400{--tw-gradient-to:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-7{padding:calc(var(--spacing) * 7)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-11{padding-inline:calc(var(--spacing) * 11)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-8{padding-block:calc(var(--spacing) * 8)}.pr-8{padding-right:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-400{color:var(--color-emerald-400)}.text-indigo-400{color:var(--color-indigo-400)}.text-rose-200{color:var(--color-rose-200)}.text-rose-400{color:var(--color-rose-400)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-blue-600{accent-color:var(--color-blue-600)}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_8px_2px_rgba\(34\,211\,238\,0\.8\)\]{--tw-shadow:0 0 8px 2px var(--tw-shadow-color,#22d3eecc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-500\/10{--tw-shadow-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-500\/20{--tw-shadow-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-500\/35{--tw-shadow-color:#3080ff59}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/35{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 35%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-950\/50{--tw-shadow-color:#16245680}@supports (color:color-mix(in lab,red,red)){.shadow-blue-950\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-950) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-cyan-400\/40{--tw-shadow-color:#00d2ef66}@supports (color:color-mix(in lab,red,red)){.shadow-cyan-400\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-cyan-400) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-400\/50{--tw-shadow-color:#00d29480}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-400\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-400) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-950\/30{--tw-shadow-color:#4d02184d}@supports (color:color-mix(in lab,red,red)){.shadow-rose-950\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-950) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[110px\]{--tw-blur:blur(110px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-90{--tw-brightness:brightness(90%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.contrast-110{--tw-contrast:contrast(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-3xl{--tw-backdrop-blur:blur(var(--blur-3xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:border-blue-500\/30:hover{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-blue-500\/30:hover{border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent)}}.hover\:border-cyan-500\/30:hover{border-color:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.hover\:border-cyan-500\/30:hover{border-color:color-mix(in oklab,var(--color-cyan-500) 30%,transparent)}}.hover\:border-indigo-500\/30:hover{border-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-indigo-500\/30:hover{border-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.hover\:bg-blue-500\/10:hover{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-500\/10:hover{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.hover\:bg-blue-500\/20:hover{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-500\/20:hover{background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.hover\:bg-cyan-500\/10:hover{background-color:#00b7d71a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-cyan-500\/10:hover{background-color:color-mix(in oklab,var(--color-cyan-500) 10%,transparent)}}.hover\:bg-indigo-500\/10:hover{background-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-500\/10:hover{background-color:color-mix(in oklab,var(--color-indigo-500) 10%,transparent)}}.hover\:text-blue-300:hover{color:var(--color-blue-300)}.hover\:text-blue-400:hover{color:var(--color-blue-400)}.hover\:text-slate-300:hover{color:var(--color-slate-300)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-blue-500\/50:hover{--tw-shadow-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-blue-500\/50:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 50%, transparent) var(--tw-shadow-alpha), transparent)}}}.focus\:border-blue-400:focus{border-color:var(--color-blue-400)}.focus\:bg-white\/10:focus{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.focus\:bg-white\/10:focus{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500\/20:focus{--tw-ring-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.focus\:ring-blue-500\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:translate-y-0:disabled{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:64rem){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:flex{display:flex}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}}.text-muted{color:var(--text-muted)}.primary{color:var(--primary)}}:root{color-scheme:light;--primary:#3b82f6;--primary-hover:#2563eb;--primary-soft:#3b82f61f;--primary-light:var(--primary-soft);--primary-gradient:linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);--primary-glow:0 8px 24px -6px #4f46e566;--accent-cyan:#06b6d4;--bg:#f8fafc;--bg-card:#fff;--bg-secondary:#f1f5f9;--bg-input:#fff;--surface:#fff;--surface-2:#f4f7fb;--input:#fff;--text:#0f172a;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:#e2e8f0;--border-focus:#3b82f680;--success:#10b981;--success-soft:#10b98124;--warning:#f59e0b;--warning-soft:#f59e0b24;--warning-light:var(--warning-soft);--danger:#ef4444;--danger-soft:#ef444424;--info:#0ea5e9;--info-soft:#0ea5e924;--shadow:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a0d;--shadow-md:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-lg:0 20px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0a;--sidebar-width:280px;--cursor-default:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3l13 9-6.4 1.2L8.3 20 5 3z' fill='%233b82f6' stroke='%230f172a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12.5' cy='12.2' r='2.2' fill='%23ffffff' opacity='.9'/%3E%3C/svg%3E") 5 3, auto;--cursor-pointer:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l13.5 9.5-6.5 1.1-3.5 7.1L6 3z' fill='%233b82f6' stroke='%230f172a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12.8' cy='12.8' r='3' fill='%23ffffff' opacity='.95'/%3E%3C/svg%3E") 6 3, pointer}.dark{color-scheme:dark;--primary:#818cf8;--primary-hover:#6366f1;--primary-soft:#6366f133;--primary-light:var(--primary-soft);--primary-gradient:linear-gradient(135deg, #6366f1 0%, #3b82f6 100%);--primary-glow:0 8px 30px -4px #6366f173;--accent-cyan:#22d3ee;--bg:#09090b;--bg-card:#18181b99;--bg-secondary:#27272a66;--bg-input:#18181bcc;--surface:#18181ba6;--surface-2:#27272a99;--input:#09090bb3;--text:#f8fafc;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#6366f126;--border-focus:#6366f199;--success:#34d399;--success-soft:#34d39933;--warning:#fbbf24;--warning-soft:#fbbf2433;--warning-light:var(--warning-soft);--danger:#fb7185;--danger-soft:#fb718533;--info:#38bdf8;--info-soft:#38bdf833;--shadow:0 4px 15px #00000080;--shadow-md:0 10px 30px #0009;--shadow-lg:0 20px 40px #000c;--cursor-default:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3l13 9-6.4 1.2L8.3 20 5 3z' fill='%23818cf8' stroke='%23f8fafc' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12.5' cy='12.2' r='2.2' fill='%2309090b' opacity='.9'/%3E%3C/svg%3E") 5 3, auto;--cursor-pointer:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l13.5 9.5-6.5 1.1-3.5 7.1L6 3z' fill='%23818cf8' stroke='%23f8fafc' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12.8' cy='12.8' r='3' fill='%2309090b' opacity='.95'/%3E%3C/svg%3E") 6 3, pointer}@media(hover:hover)and (pointer:fine){html,body{cursor:var(--cursor-default)}.api-loading,.api-loading *{cursor:progress!important}:where(a,button,select,summary,[role=button],[data-clickable=true],.btn,.btn-icon,.sidebar-nav a,.notif-item,.header-search-results button,.team-room-item,.table-actions button,.table-actions a,.modal-close,.hol-nav-btn,.emp-quick-action,.break-preset-btn):not(:disabled){cursor:var(--cursor-pointer)}:where(input,textarea,[contenteditable=true]){cursor:text}:where(button:disabled,select:disabled,input:disabled,textarea:disabled,.disabled,[aria-disabled=true]){cursor:not-allowed!important}}@keyframes dashboard-skeleton{0%{background-position:120% 0}to{background-position:-120% 0}}@media(max-width:1023px){.main-header{flex-wrap:wrap}.header-actions{gap:calc(var(--spacing) * 1.5)}.team-chat-page{margin-inline:calc(var(--spacing) * -3);margin-block:calc(var(--spacing) * -4)}@media(min-width:40rem){.team-chat-page{margin-inline:calc(var(--spacing) * -5)}}@media(min-width:64rem){.team-chat-page{margin-block:0;margin-inline:0}}.team-chat-shell{border-style:var(--tw-border-style);border-width:0;border-radius:0;height:calc(100vh - 5.5rem);min-height:520px;overflow:hidden}@media(min-width:40rem){.team-chat-shell{height:calc(100vh - 6rem)}}.team-room-panel,.team-message-panel{border-style:var(--tw-border-style);border-width:0;border-radius:0}.team-message-panel,.team-chat-shell.show-messages .team-room-panel{display:none}.team-chat-shell.show-messages .team-message-panel{display:flex}.mobile-back-btn{display:inline-flex!important}.team-wa-chat-header{padding:calc(var(--spacing) * 3);flex-wrap:nowrap}.team-wa-chat-header h2{text-overflow:ellipsis;white-space:nowrap;max-width:52vw;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));overflow:hidden}.team-wa-chat-header p,.team-wa-chat-header .team-kicker{display:none}.team-header-meta{gap:var(--spacing)}.team-message-list{padding:calc(var(--spacing) * 3)}.team-bubble{max-width:86%}.team-avatar{display:none}.team-room-list{padding:calc(var(--spacing) * 2)}.team-room-item{border-radius:var(--radius-2xl)}.notif-dropdown{top:calc(var(--spacing) * 24)}.modal-footer .btn,.search-bar .btn{flex:1}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}
