html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.tech-backdrop[data-v-c3a8c453]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:clip;pointer-events:none}.tech-backdrop[data-v-c3a8c453]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--color-base-content) 8%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-base-content) 7%,transparent) 1px,transparent 1px),linear-gradient(135deg,transparent calc(50% - 1px),color-mix(in srgb,var(--color-accent) 12%,transparent) 50%,transparent calc(50% + 1px)),linear-gradient(45deg,transparent calc(50% - 1px),color-mix(in srgb,var(--color-success) 9%,transparent) 50%,transparent calc(50% + 1px)),linear-gradient(132deg,transparent calc(50% - 1px),color-mix(in srgb,var(--color-accent) 9%,transparent) 50%,transparent calc(50% + 1px)),linear-gradient(48deg,transparent calc(50% - 1px),color-mix(in srgb,var(--color-success) 7%,transparent) 50%,transparent calc(50% + 1px)),linear-gradient(138deg,transparent calc(50% - 1px),color-mix(in srgb,var(--color-accent) 8%,transparent) 50%,transparent calc(50% + 1px));background-position:0 0,0 0,8% 8%,36% 18%,74% 7%,12% 68%,63% 78%;background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:48px 48px,48px 48px,min(42rem,58vw) 22rem,min(33rem,46vw) 18rem,min(38rem,50vw) 20rem,min(30rem,44vw) 17rem,min(34rem,48vw) 18rem;opacity:.5}:root[data-theme=light] .tech-backdrop[data-v-c3a8c453]:before{background-image:linear-gradient(to right,color-mix(in srgb,var(--color-base-content) 4%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-base-content) 3%,transparent) 1px,transparent 1px),linear-gradient(135deg,transparent calc(50% - 1px),color-mix(in srgb,var(--color-accent) 6%,transparent) 50%,transparent calc(50% + 1px)),linear-gradient(45deg,transparent calc(50% - 1px),color-mix(in srgb,var(--color-success) 5%,transparent) 50%,transparent calc(50% + 1px)),linear-gradient(132deg,transparent calc(50% - 1px),color-mix(in srgb,var(--color-accent) 5%,transparent) 50%,transparent calc(50% + 1px)),linear-gradient(48deg,transparent calc(50% - 1px),color-mix(in srgb,var(--color-success) 4%,transparent) 50%,transparent calc(50% + 1px)),linear-gradient(138deg,transparent calc(50% - 1px),color-mix(in srgb,var(--color-accent) 4%,transparent) 50%,transparent calc(50% + 1px));background-position:0 0,0 0,8% 8%,36% 18%,74% 7%,12% 68%,63% 78%;background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:56px 56px,56px 56px,min(42rem,58vw) 22rem,min(33rem,46vw) 18rem,min(38rem,50vw) 20rem,min(30rem,44vw) 17rem,min(34rem,48vw) 18rem;opacity:.5}@media(max-width:768px){.tech-backdrop[data-v-c3a8c453]:before{background-size:36px 36px,36px 36px,22rem 12rem,17rem 10rem,20rem 11rem,16rem 9rem,18rem 10rem;opacity:.6}}@media(max-width:768px){:root[data-theme=light] .tech-backdrop[data-v-c3a8c453]:before{background-size:40px 40px,40px 40px,22rem 12rem,17rem 10rem,20rem 11rem,16rem 9rem,18rem 10rem;opacity:.4}}@font-face{font-family:Geist;src:url(/assets/Geist-C2BNBXFg.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}:root{font-family:Geist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-base-100: #ffffff;--color-base-200: oklch(98% 0 0);--color-base-300: oklch(95% 0 0);--color-base-content: oklch(21% .006 285.885);--color-primary: #8a99a0;--color-primary-content: #ffffff;--color-secondary: #8e8e8e;--color-secondary-content: #ffffff;--color-accent: #3f5b82;--color-accent-content: #ffffff;--color-neutral: #081d28;--color-neutral-content: #ffffff;--color-info: #31435d;--color-info-content: #f5f6f7;--color-link: #2f6fb3;--color-link-hover: #245a94;--color-success: #5ca667;--color-success-content: #004c39;--color-warning: oklch(76% .188 70.08);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--ink: var(--color-base-content);--muted: color-mix(in srgb, var(--color-base-content) 62%, transparent);--line: color-mix(in srgb, var(--color-base-content) 14%, transparent);--panel: color-mix(in srgb, var(--color-base-100) 86%, transparent);--panel-solid: var(--color-base-100);--panel-strong: color-mix(in srgb, var(--color-base-100) 94%, transparent);--surface: var(--color-base-200);--accent: var(--color-accent);--accent-strong: var(--color-info);--shadow-soft: 0 22px 60px color-mix(in srgb, var(--color-neutral) 12%, transparent);--shadow-hover: 0 26px 70px color-mix(in srgb, var(--color-neutral) 16%, transparent);--inner-highlight: inset 0 1px 0 color-mix(in srgb, white 42%, transparent);--tech-card-bg: linear-gradient(135deg, color-mix(in srgb, var(--color-base-100) 96%, transparent), color-mix(in srgb, var(--color-base-200) 92%, transparent)), linear-gradient(115deg, color-mix(in srgb, var(--color-accent) 9%, transparent), transparent 42%), linear-gradient(295deg, color-mix(in srgb, var(--color-success) 8%, transparent), transparent 48%);color:var(--ink);background:var(--surface)}:root[data-theme=dark]{--color-base-100: #23394f;--color-base-200: #081e28;--color-base-300: #04161e;--color-base-content: #ffffff;--color-primary: #8a99a0;--color-primary-content: #ffffff;--color-secondary: #8e8e8e;--color-secondary-content: #ffffff;--color-accent: #3f5b82;--color-accent-content: #ffffff;--color-neutral: #081d28;--color-neutral-content: #ffffff;--color-info: #31435d;--color-info-content: #f5f6f7;--color-link: #9ac8ff;--color-link-hover: #b8d8ff;--color-success: #5ca667;--color-success-content: #004c39;--color-warning: oklch(76% .188 70.08);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--muted: color-mix(in srgb, var(--color-base-content) 68%, transparent);--line: color-mix(in srgb, var(--color-base-content) 18%, transparent);--panel: color-mix(in srgb, var(--color-base-100) 78%, transparent);--panel-solid: var(--color-base-100);--panel-strong: color-mix(in srgb, var(--color-base-100) 86%, transparent)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--color-base-100) 42%,var(--color-base-200)),var(--color-base-200) 38rem),var(--color-base-200)}button,input{font:inherit}#app{min-height:100vh}.ant-layout,.ant-layout-content{background:transparent!important}.login-page{position:relative;isolation:isolate;display:grid;overflow:hidden;min-height:100vh;place-items:center;padding:32px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-base-100) 42%,var(--color-base-200)),var(--color-base-200) 38rem),var(--color-base-200)}.login-panel{position:relative;z-index:1;overflow:hidden;width:min(100%,424px);padding:32px;border:1px solid var(--line);border-radius:8px;background:var(--tech-card-bg);box-shadow:0 30px 80px color-mix(in srgb,var(--color-neutral) 18%,transparent),var(--inner-highlight);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-panel:before,.table-panel:before,.profile-panel:before,.home-card:before,.metric:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--color-base-content) 8%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-base-content) 8%,transparent) 1px,transparent 1px),linear-gradient(120deg,transparent 18%,color-mix(in srgb,var(--color-accent) 13%,transparent) 18.3%,transparent 18.8%,transparent 64%,color-mix(in srgb,var(--color-success) 12%,transparent) 64.3%,transparent 64.8%);background-size:44px 44px,44px 44px,320px 220px;-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.75),transparent 72%);mask-image:linear-gradient(to bottom right,rgba(0,0,0,.75),transparent 72%);opacity:.48}.login-panel>*,.table-panel>*,.profile-panel>*,.home-card>*,.metric>*{position:relative;z-index:1}.login-brand,.brand,.employee-cell,.role-cell,.user-table-cell,.header-actions,.toolbar,.toolbar-actions,.metric-strip,.user-chip{display:flex;align-items:center}.login-brand{gap:18px;margin-bottom:30px}.login-ayo-logo{display:block;flex:0 0 auto;color:var(--ink)}.login-ayo-logo path{fill:currentColor}.login-mark{display:grid;place-items:center;color:#fff;line-height:1;background:linear-gradient(135deg,var(--accent),var(--color-success))}.login-mark{width:48px;height:48px;border-radius:8px}.login-title{color:var(--ink);font-weight:550;letter-spacing:0}.login-title{font-size:26px;line-height:1.1}.login-subtitle,.page-kicker,.metric-label,.employee-id{color:var(--muted)}.login-subtitle{margin-top:4px}.login-alert{margin-bottom:18px}.login-button{margin-top:4px}.admin-shell{position:relative;isolation:isolate;flex-direction:column;min-height:100vh;overflow:clip;background:linear-gradient(180deg,color-mix(in srgb,var(--color-base-100) 42%,var(--color-base-200)),var(--color-base-200) 38rem),var(--color-base-200)!important}.admin-body{position:relative;z-index:1;min-height:calc(100vh - 96px);background:transparent!important}.admin-sidebar{background:color-mix(in srgb,var(--panel-solid) 82%,transparent)!important;border-right:1px solid var(--line);box-shadow:12px 0 38px color-mix(in srgb,var(--color-neutral) 9%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;justify-content:center;width:248px;min-width:248px;color:var(--ink);line-height:1;text-decoration:none}.ayo-logo{display:block;width:124px;height:auto;color:currentColor}.ayo-logo path,.ayo-logo text{fill:currentColor}.ayo-logo-text{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:25px;font-weight:500;letter-spacing:2px}.ayo-logo .ayo-logo-version{fill:var(--muted);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:25px;font-weight:500}.admin-menu{background:transparent!important;border-inline-end:0!important;padding:20px 16px}.admin-menu .ant-menu-item{height:42px;margin:4px 0;border:1px solid transparent;border-radius:8px;color:var(--ink);transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.admin-menu .ant-menu-item:hover{transform:translate(2px);border-color:color-mix(in srgb,var(--color-accent) 20%,transparent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)!important;box-shadow:inset 0 1px color-mix(in srgb,white 34%,transparent)}.admin-menu .ant-menu-item-selected{color:var(--ink)!important;border-color:color-mix(in srgb,var(--color-accent) 28%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 18%,transparent),transparent),color-mix(in srgb,var(--color-base-100) 42%,transparent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 7%,transparent),inset 3px 0 0 var(--color-success),inset 0 1px color-mix(in srgb,white 40%,transparent)}.admin-menu .ant-menu-item-selected:after{display:none}.admin-main{min-width:0;background:transparent!important}.admin-shell .admin-topbar.ant-layout-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:96px;padding:18px 28px 18px 0;color:var(--ink);line-height:1;background:color-mix(in srgb,var(--panel-solid) 86%,transparent)!important;border-bottom:1px solid var(--line);box-shadow:0 12px 38px color-mix(in srgb,var(--color-neutral) 9%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ant-table-cell-fix-left-last{padding-left:15px!important}.topbar-left{display:flex;align-items:center;gap:56px;min-width:0}.page-heading{min-width:0}.page-title{margin:0;color:var(--ink);font-size:28px;line-height:1.15}.header-actions{gap:12px;min-width:0;color:var(--ink)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:8px;color:var(--ink);line-height:1;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.admin-topbar .ant-btn,.admin-topbar .ant-btn-icon,.admin-topbar .anticon,.admin-topbar svg{color:var(--ink);line-height:1}.icon-button:hover,.icon-button:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-accent) 26%,transparent)!important;background:color-mix(in srgb,var(--color-accent) 10%,transparent)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--color-neutral) 10%,transparent),inset 0 1px color-mix(in srgb,white 36%,transparent)}.user-chip{height:38px;gap:8px;min-width:0;padding:4px 8px 4px 4px;border:1px solid transparent;border-radius:8px;color:var(--ink);cursor:pointer;background:color-mix(in srgb,var(--color-base-100) 46%,transparent);transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.user-chip:hover,.user-chip-active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-accent) 26%,transparent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--color-neutral) 10%,transparent),inset 0 1px color-mix(in srgb,white 38%,transparent)}.user-avatar,.employee-avatar{display:inline-flex;align-items:center;flex:0 0 auto;justify-content:center;color:#fff;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--color-accent),var(--color-success));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 12%,transparent),0 0 18px color-mix(in srgb,var(--color-accent) 22%,transparent)}:root[data-theme=dark] .admin-sidebar,:root[data-theme=dark] .admin-menu{background:transparent!important}:root[data-theme=dark] .table-panel,:root[data-theme=dark] .profile-panel,:root[data-theme=dark] .home-card,:root[data-theme=dark] .login-panel{background:var(--tech-card-bg)!important}:root[data-theme=dark] .admin-menu .ant-menu-item,:root[data-theme=dark] .admin-menu .ant-menu-title-content,:root[data-theme=dark] .admin-menu svg{color:var(--ink)}:root[data-theme=dark] .admin-menu .ant-menu-item-selected{background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 28%,transparent),transparent),color-mix(in srgb,var(--color-base-100) 32%,transparent)!important}.user-avatar{width:30px;height:30px;border-radius:8px;font-size:13px}.user-name{max-width:180px;overflow:hidden;color:var(--ink);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.admin-content{padding:28px}.admin-content>section:has(>.table-panel),.profile-view{display:grid;gap:18px}.user-detail-view{display:grid;gap:18px}.toolbar{justify-content:space-between;gap:16px}.metric-strip{gap:8px}.metric{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;min-width:0;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-base-100) 88%,transparent),color-mix(in srgb,var(--color-base-200) 84%,transparent)),linear-gradient(115deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 42%);box-shadow:0 16px 40px color-mix(in srgb,var(--color-neutral) 8%,transparent),inset 0 1px color-mix(in srgb,white 36%,transparent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.metric:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-accent) 28%,transparent);box-shadow:0 20px 50px color-mix(in srgb,var(--color-neutral) 12%,transparent),inset 0 1px color-mix(in srgb,white 42%,transparent)}.metric-value{color:var(--ink);font-size:16px;font-weight:650;line-height:1}.metric-label{color:var(--muted);font-size:13px;font-weight:500;line-height:1;white-space:nowrap}.toolbar-actions{justify-content:flex-end;gap:10px;min-width:280px}.employee-search{width:min(340px,100%)}.content-alert{max-width:760px}.ant-input,.ant-input-affix-wrapper,.ant-input-search .ant-input-group-addon .ant-btn,.ant-select-selector,.ant-picker{color:var(--ink)!important;border-color:var(--line)!important;background:color-mix(in srgb,var(--color-base-100) 68%,transparent)!important;box-shadow:inset 0 1px color-mix(in srgb,white 34%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.ant-input-affix-wrapper .ant-input{border:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-input-search .ant-input-group-addon .ant-btn:hover,.ant-select-selector:hover,.ant-picker:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent)!important;background:color-mix(in srgb,var(--color-base-100) 78%,transparent)!important}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper-focused,.ant-picker-focused{border-color:color-mix(in srgb,var(--color-accent) 48%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent),inset 0 1px color-mix(in srgb,white 42%,transparent)!important}.ant-btn-primary{border-color:color-mix(in srgb,var(--color-accent) 72%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 92%,var(--color-success)),var(--color-accent))!important;box-shadow:0 12px 28px color-mix(in srgb,var(--color-accent) 20%,transparent),inset 0 1px color-mix(in srgb,white 30%,transparent)}.ant-btn-primary:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-success) 42%,var(--color-accent))!important;box-shadow:0 16px 36px color-mix(in srgb,var(--color-accent) 26%,transparent),inset 0 1px color-mix(in srgb,white 36%,transparent)}.ant-modal .ant-modal-content{color:var(--ink);border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel-solid) 86%,transparent);box-shadow:0 28px 80px color-mix(in srgb,var(--color-neutral) 26%,transparent),inset 0 1px color-mix(in srgb,white 36%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ant-modal .ant-modal-header,.ant-modal .ant-modal-footer{background:transparent}.ant-modal .ant-modal-title,.ant-modal .ant-form-item-label>label,.ant-modal .ant-modal-close{color:var(--ink)}.ant-modal .ant-modal-close:hover{background:color-mix(in srgb,var(--color-base-content) 8%,transparent)}.profile-panel{position:relative;overflow:hidden;width:min(100%,820px);padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--tech-card-bg);box-shadow:0 22px 60px color-mix(in srgb,var(--color-neutral) 12%,transparent),inset 0 1px color-mix(in srgb,white 42%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.profile-panel:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-accent) 24%,transparent);box-shadow:0 26px 70px color-mix(in srgb,var(--color-neutral) 15%,transparent),inset 0 1px color-mix(in srgb,white 46%,transparent)}.user-detail-panel{width:100%}.profile-header{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}.profile-avatar{display:inline-flex;align-items:center;flex:0 0 auto;justify-content:center;width:64px;height:64px;border-radius:8px;color:#fff;font-size:26px;font-weight:760;line-height:1;background:linear-gradient(135deg,var(--color-accent),var(--color-success));box-shadow:0 0 0 6px color-mix(in srgb,var(--color-success) 12%,transparent),0 0 28px color-mix(in srgb,var(--color-accent) 28%,transparent)}.profile-main{min-width:0}.profile-name{margin:0;color:var(--ink);font-size:24px;line-height:1.2}.profile-email{display:flex;align-items:center;gap:7px;min-width:0;margin-top:8px;color:var(--muted)}.profile-email-status{flex:0 0 auto}.profile-email-status-confirmed{color:var(--color-success)}.profile-email-status-unconfirmed{color:var(--color-warning)}.profile-email span,.profile-value{overflow:hidden;text-overflow:ellipsis}.profile-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.profile-balance-badge{display:grid;gap:4px;min-width:150px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--color-success) 42%,var(--line));border-radius:8px;color:var(--ink);background:color-mix(in srgb,var(--color-success) 9%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 32%,transparent)}.profile-balance-badge span{color:var(--muted);font-size:12px;line-height:1}.profile-balance-badge strong{overflow-wrap:anywhere;font-size:20px;line-height:1.1}.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding-top:22px}.profile-field{min-width:0}.profile-field-wide{grid-column:1 / -1}.profile-label{display:block;margin-bottom:7px;color:var(--muted);font-size:13px}.profile-label-row{display:flex;align-items:center;justify-content:flex-start;min-height:32px;margin-bottom:7px;gap:8px}.profile-label-row .profile-label{margin-bottom:0}.profile-value{display:block;color:var(--ink);white-space:nowrap}.profile-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.profile-balance-toggle{display:flex;justify-content:flex-start;padding-top:20px}.profile-balance-toggle .ant-btn{display:inline-flex;align-items:center;gap:8px}.profile-settings-panel{display:grid;gap:18px}.profile-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.profile-settings-title{margin:0;color:var(--ink);font-size:20px;line-height:1.2}.profile-settings-description{margin:8px 0 0;color:var(--muted);line-height:1.5}.profile-settings-list{display:grid;gap:14px}.profile-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-setting-hint{display:block;color:var(--muted);line-height:1.45}.profile-setting-control{width:140px;flex:0 0 auto}.balance-toggle-icon{transition:transform .18s ease}.balance-toggle-icon-open{transform:rotate(180deg)}.employee-role-select{width:100%;min-width:220px}.user-homes-section{display:grid;gap:18px}.balance-history-list,.home-list{display:grid;gap:14px}.balance-history-dropdown{margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}.balance-history-empty{padding:14px 0 2px;color:var(--muted)}.balance-history-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--color-base-100) 42%,transparent)}.balance-history-row{display:grid;width:100%;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer;transition:background .2s ease}.balance-history-row:hover{background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.balance-history-icon{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:8px}.balance-history-icon-green{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 14%,transparent)}.balance-history-icon-red{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 14%,transparent)}.balance-history-icon-blue{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,transparent)}.balance-history-summary{display:grid;min-width:0;gap:4px}.balance-history-title{margin:0;color:var(--ink);font-size:15px;font-weight:760;line-height:1.2}.balance-history-subtitle{margin:0;color:var(--muted);font-size:13px}.home-card{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--tech-card-bg);box-shadow:0 18px 44px color-mix(in srgb,var(--color-neutral) 10%,transparent),inset 0 1px color-mix(in srgb,white 40%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.home-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-accent) 28%,transparent);box-shadow:0 26px 70px color-mix(in srgb,var(--color-neutral) 16%,transparent),inset 0 1px color-mix(in srgb,white 46%,transparent)}.home-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.tariff-group-card{display:grid;gap:16px}.tariff-group-header{display:grid;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.tariff-group-title{min-width:0}.tariff-summary-line{display:flex;align-items:flex-start;flex-wrap:wrap;gap:14px 28px}.tariff-summary-field,.tariff-home-field,.connect-detail-grid div{display:grid;min-width:0;gap:5px}.tariff-summary-field span,.tariff-home-field span,.connect-detail-grid span{color:var(--muted);font-size:13px}.tariff-summary-field strong,.tariff-home-field strong,.connect-detail-grid strong{overflow:hidden;color:var(--ink);font-size:15px;font-weight:520;text-overflow:ellipsis;white-space:nowrap}.tariff-home-list{display:grid;gap:10px}.tariff-home-item{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--color-base-100) 32%,transparent)}.tariff-home-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(260px,1.2fr) minmax(220px,1fr) auto;align-items:center;gap:16px;padding:14px}.tariff-home-main{display:grid;min-width:0;gap:5px}.tariff-home-main strong{overflow:hidden;color:var(--ink);font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.tariff-home-main span{overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.tariff-home-link a{display:inline-block;justify-self:start;width:fit-content;max-width:100%;overflow:hidden;color:var(--color-link);text-overflow:ellipsis;white-space:nowrap}.tariff-home-link a:hover{color:var(--color-link-hover)}.connect-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:color-mix(in srgb,var(--color-base-100) 38%,transparent);font:inherit;font-size:13px;cursor:pointer}.connect-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px;padding:14px;border-top:1px solid var(--line)}.home-title,.home-section-title{margin:0;color:var(--ink)}.home-title{font-size:20px;line-height:1.2}.home-subtitle{margin:7px 0 0;color:var(--muted)}.home-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:16px}.balance-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.balance-history-amount{color:var(--color-success);font-size:18px;font-weight:760;line-height:1;white-space:nowrap}.balance-history-amount-negative{color:var(--color-error)}.balance-row-toggle{color:var(--muted);transition:transform .2s ease}.balance-row-toggle-open{transform:rotate(180deg)}.balance-history-details{display:grid;grid-template-columns:1fr;gap:16px;padding:4px 14px 16px 72px;border-top:1px solid var(--line)}.balance-history-detail-block{padding-top:12px}.balance-order-line{display:flex;align-items:flex-start;flex-wrap:wrap;gap:14px 24px;margin-top:12px}.balance-order-field{display:grid;gap:5px;min-width:118px}.balance-order-label{color:var(--muted);font-size:13px}.balance-order-value{color:var(--ink);font-size:15px}.balance-link-trigger{display:inline-flex;align-items:center;min-height:26px;padding:3px 10px;border:1px solid color-mix(in srgb,var(--color-accent) 56%,transparent);border-radius:8px;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 34%,transparent);font:inherit;font-size:13px;font-weight:650;line-height:1;cursor:pointer}.balance-link-trigger:hover{transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--color-neutral) 8%,transparent),inset 0 1px color-mix(in srgb,white 42%,transparent)}:root[data-theme=dark] .balance-link-trigger{color:#9ac8ff;background:color-mix(in srgb,#9ac8ff 12%,var(--panel-solid));border-color:color-mix(in srgb,#9ac8ff 68%,transparent)}.balance-link-popover .ant-popover-inner{max-width:min(420px,calc(100vw - 40px))}.balance-link-popover-content{display:grid;gap:10px}.balance-link-url{overflow-wrap:anywhere;color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.45}.order-history-table-wrap{overflow-x:auto;margin-top:12px}.order-history-table{width:100%;min-width:720px;border-collapse:collapse;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:color-mix(in srgb,var(--color-neutral) 8%,transparent);font-size:12px;line-height:1.35}.order-history-table th,.order-history-table td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap}.order-history-table th{color:var(--muted);font-weight:650}.order-history-table tr:last-child td{border-bottom:0}.order-history-table td:nth-child(5){white-space:normal}.home-section{min-width:0}.home-section-title{font-size:15px;font-weight:700;line-height:1.2}.home-field-list{display:grid;gap:11px;margin:12px 0 0}.home-field-list div{min-width:0}.home-field-list dt{color:var(--muted);font-size:12px}.home-field-list dd{min-width:0;margin:4px 0 0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.table-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--tech-card-bg);box-shadow:0 22px 60px color-mix(in srgb,var(--color-neutral) 12%,transparent),inset 0 1px color-mix(in srgb,white 42%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .24s ease,box-shadow .24s ease}.table-panel:hover{border-color:color-mix(in srgb,var(--color-accent) 22%,transparent);box-shadow:0 26px 70px color-mix(in srgb,var(--color-neutral) 14%,transparent),inset 0 1px color-mix(in srgb,white 46%,transparent)}.table-panel .ant-table-wrapper .ant-table{border-radius:8px;color:var(--ink);background:transparent!important}.table-panel .ant-table-container,.table-panel .ant-table-content,.table-panel .ant-table-cell,.table-panel .ant-table-cell-fix-left,.table-panel .ant-table-cell-fix-right{background:transparent!important}.table-panel .ant-table-thead>tr>th{color:color-mix(in srgb,var(--color-base-content) 72%,transparent)!important;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase;background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent),color-mix(in srgb,var(--color-base-content) 5%,transparent)!important;border-bottom-color:var(--line)!important}.table-panel .ant-table-tbody>tr>td{color:var(--ink);border-bottom-color:color-mix(in srgb,var(--color-base-content) 9%,transparent)!important;transition:background-color .2s ease,border-color .2s ease}.table-panel .ant-table-tbody>tr:hover>td{background:color-mix(in srgb,var(--color-accent) 9%,transparent)!important;border-bottom-color:color-mix(in srgb,var(--color-accent) 18%,transparent)!important}.table-panel .ant-table-placeholder .ant-table-cell{background:transparent!important}.table-panel .ant-table-pagination.ant-pagination{margin:18px}.table-add-action{position:absolute;bottom:18px;left:18px;display:inline-flex;align-items:center;gap:6px}.danger-button,.danger-button svg{color:var(--color-error)!important}.delete-role-popconfirm{max-width:280px}.delete-role-popconfirm .ant-popover-inner{width:260px}.delete-role-popconfirm .ant-popconfirm-message{align-items:center}.delete-role-popconfirm .ant-popconfirm-message-icon,.delete-role-popconfirm .ant-popconfirm-message-icon .anticon{color:var(--color-error)!important}.delete-role-popconfirm .ant-popconfirm-buttons{display:flex;justify-content:flex-end;gap:8px;white-space:nowrap}.delete-role-popconfirm .ant-popconfirm-buttons .ant-btn{margin-inline-start:0}.delete-role-popconfirm .ant-popconfirm-buttons .ant-btn-primary:not(.ant-btn-dangerous){color:var(--color-accent-content);background:var(--color-accent);border-color:var(--color-accent)}.delete-role-popconfirm .ant-popconfirm-buttons .ant-btn-dangerous{color:var(--color-error-content);background:var(--color-error);border-color:var(--color-error)}.ant-tag-green,.ant-tag-lime{color:var(--color-success)!important;background:color-mix(in srgb,var(--color-success) 10%,transparent)!important;border-color:color-mix(in srgb,var(--color-success) 56%,transparent)!important}.ant-tag-blue,.ant-tag-geekblue,.ant-tag-cyan{color:var(--color-accent)!important;background:color-mix(in srgb,var(--color-accent) 10%,transparent)!important;border-color:color-mix(in srgb,var(--color-accent) 56%,transparent)!important}.ant-tag-purple,.ant-tag-magenta,.ant-tag-pink{color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 12%,transparent)!important;border-color:color-mix(in srgb,var(--color-primary) 56%,transparent)!important}.ant-tag-orange,.ant-tag-gold,.ant-tag-yellow{color:var(--color-warning)!important;background:color-mix(in srgb,var(--color-warning) 12%,transparent)!important;border-color:color-mix(in srgb,var(--color-warning) 58%,transparent)!important}.ant-tag-red,.ant-tag-volcano{color:var(--color-error)!important;background:color-mix(in srgb,var(--color-error) 12%,transparent)!important;border-color:color-mix(in srgb,var(--color-error) 58%,transparent)!important}.office-tag.ant-tag{display:inline-flex;align-items:center;min-height:26px;margin-inline-end:0;padding:3px 10px;border-radius:8px;box-shadow:inset 0 1px color-mix(in srgb,white 34%,transparent);font-size:13px;font-weight:650;line-height:1;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.office-tag.ant-tag:hover{transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--color-neutral) 8%,transparent),inset 0 1px color-mix(in srgb,white 42%,transparent)}.role-tag.ant-tag,.role-tag.ant-tag-blue{color:var(--color-accent)!important;background:color-mix(in srgb,var(--color-accent) 10%,transparent)!important;border-color:color-mix(in srgb,var(--color-accent) 56%,transparent)!important}:root[data-theme=dark] .role-tag.ant-tag,:root[data-theme=dark] .role-tag.ant-tag-blue{color:#9ac8ff!important;background:color-mix(in srgb,#9ac8ff 12%,var(--panel-solid))!important;border-color:color-mix(in srgb,#9ac8ff 68%,transparent)!important}.role-tag-label{overflow:hidden;max-width:180px;text-overflow:ellipsis;white-space:nowrap}.employee-cell,.role-cell,.user-table-cell{gap:10px;min-width:0}.employee-link{width:fit-content;max-width:100%;color:inherit;text-decoration:none;transition:transform .18s ease}.user-table-link{width:fit-content;max-width:100%;padding:0;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer;transition:transform .18s ease}.employee-link:hover,.user-table-link:hover{transform:translate(2px)}.employee-link:hover .employee-name,.user-table-link:hover .user-name{color:var(--color-accent)}.employee-avatar,.role-mark,.user-table-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--color-accent),var(--color-success))}.role-mark,.user-table-avatar{display:inline-flex;align-items:center;flex:0 0 auto;justify-content:center;color:#fff;font-weight:700;line-height:1}.employee-name{color:var(--ink);font-weight:650}.role-description{color:var(--ink)}.role-edit-field{width:100%;min-width:160px}.role-code-field{min-width:120px}.role-description-field{min-width:260px}.employee-id{max-width:174px;margin-top:2px;overflow:hidden;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.admin-content{padding:22px}.employee-id{max-width:136px}}@media(max-width:940px){.admin-content{padding:18px}.office-tag.ant-tag{padding-inline:8px}.balance-history-details,.home-sections,.connect-detail-grid{grid-template-columns:1fr}.tariff-home-row{grid-template-columns:1fr;align-items:stretch}}@media(max-width:760px){.admin-body{min-height:calc(100vh - 114px)}.admin-shell .admin-topbar.ant-layout-header{height:auto;min-height:114px;align-items:flex-start;gap:12px;padding:14px 16px;flex-direction:column}.topbar-left{width:100%;align-items:center;gap:18px;flex-direction:row}.brand{justify-content:flex-start;width:148px;min-width:148px}.ayo-logo{width:112px}.page-title{overflow:hidden;font-size:clamp(22px,6vw,26px);text-overflow:ellipsis;white-space:nowrap}.header-actions,.toolbar,.toolbar-actions,.metric-strip{width:100%}.header-actions{justify-content:space-between}.admin-content{padding:18px}.toolbar{align-items:stretch;flex-direction:column}.metric-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-actions{min-width:0}.profile-panel,.home-card{padding:18px}.home-card-header{flex-direction:column}.tariff-summary-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.balance-history-row{grid-template-columns:38px minmax(0,1fr)}.balance-history-actions{grid-column:2;justify-content:space-between}.balance-history-details{padding-left:14px}.profile-header,.profile-actions{align-items:flex-start}.profile-header{flex-direction:column}.profile-actions{width:100%;justify-content:space-between;margin-left:0}.profile-balance-badge{width:100%}.profile-details{grid-template-columns:1fr}.profile-setting-row{align-items:stretch;flex-direction:column}.profile-setting-control{width:100%}.user-name{max-width:132px}}