:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.top-header{font-family:var(--font-body);align-items:center;gap:14px;margin-bottom:18px;display:flex}.menu-btn{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text);border-radius:12px;place-items:center;display:none}.search-wrap{flex:1;max-width:640px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-wrap .search-input{border-radius:999px;padding-left:42px}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.header-branch-wrap{flex:1;gap:2px;min-width:0;max-width:280px;display:grid}.header-branch-select{width:100%;min-height:40px}.header-branch-hint{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.62rem;line-height:1.2;overflow:hidden}.header-branch-hint.is-active{color:#ffb020;font-weight:600}.icon-btn{background:var(--surface);border:1px solid var(--border);width:42px;height:42px;color:var(--text);border-radius:50%;place-items:center;transition:border-color .22s,color .22s,background .22s;display:grid;position:relative;overflow:hidden}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle{color:var(--accent);isolation:isolate;overflow:visible}.theme-toggle-icon{z-index:2;place-items:center;line-height:0;display:grid;position:relative}.theme-toggle-glow{z-index:0;pointer-events:none;opacity:.55;border-radius:50%;transition:opacity .28s,background .28s;position:absolute;inset:-30%}.theme-toggle.is-light .theme-toggle-glow{background:radial-gradient(circle,#ffb0206b 0%,#0000 68%);animation:2.8s ease-in-out infinite theme-glow-pulse}.theme-toggle.is-dark .theme-toggle-glow{background:radial-gradient(circle,#94b0ff61 0%,#0000 68%);animation:3.4s ease-in-out infinite theme-glow-pulse}.theme-toggle-ring{z-index:1;pointer-events:none;opacity:0;border:1.5px solid #0000;border-radius:50%;transition:opacity .22s,transform .22s,border-color .22s;position:absolute;inset:3px;transform:scale(.7)}.theme-toggle.is-light .theme-toggle-ring{border-color:#ffb02073}.theme-toggle.is-dark .theme-toggle-ring{border-color:#a0b9ff66}.theme-toggle:hover .theme-toggle-ring,.theme-toggle:focus-visible .theme-toggle-ring{opacity:1;transform:scale(1)}.theme-toggle:active .theme-toggle-glow{opacity:.9}.theme-toggle:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), 0 8px 22px #ffb0202e}.theme-toggle.is-dark:hover{color:#c5d4ff;border-color:#94b0ff73;box-shadow:0 0 0 1px #94b0ff59,0 8px 22px #5078dc33}@keyframes theme-glow-pulse{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.7;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.theme-toggle-glow{animation:none!important}}.avatar{background:linear-gradient(145deg, var(--accent), var(--navy));width:42px;height:42px;color:var(--fog);font-family:var(--font-display);border:2px solid #fca31173;border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid}@media (width<=900px){.menu-btn{display:grid}}@media (width<=640px){.top-header{justify-content:center;gap:8px;margin-bottom:12px}.header-branch-wrap{text-align:center;flex:auto;max-width:none}.search-wrap{min-width:0;max-width:none}.search-wrap .search-input{min-height:42px;font-size:16px}.header-actions{margin-left:0}.icon-btn,.avatar{flex-shrink:0;width:40px;height:40px}}.sidebar-desktop{height:100%;min-height:0}.sidebar{box-sizing:border-box;background:var(--sidebar);color:#e5e5e5;overscroll-behavior:none;border-right:1px solid #e5e5e50f;flex-direction:column;align-items:center;width:72px;height:100%;max-height:100dvh;padding:6px;transition:width .2s;display:flex;overflow:hidden}@media (width>=901px){.sidebar-desktop .sidebar{overflow:visible}.sidebar-desktop .sidebar-nav{overflow:hidden}.sidebar-branch-menu{z-index:200}}.sidebar-brand{flex-shrink:0;place-items:center;width:100%;margin-bottom:2px;display:grid;position:relative}.logo{color:#000;width:clamp(30px,3.8vh,36px);height:clamp(30px,3.8vh,36px);font-family:var(--font-display);background:linear-gradient(145deg,#ffb020,#f0a010);border-radius:11px;place-items:center;font-size:.95rem;font-weight:800;display:grid;box-shadow:0 6px 14px #ffb0204d}.sidebar-close{color:#e5e5e5;display:none;position:absolute;top:0;right:0}.sidebar-nav{overscroll-behavior:none;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:0;width:100%;min-height:0;display:flex;overflow:hidden}.sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-footer{border-top:1px solid #e5e5e50f;flex-shrink:0;place-items:center;width:100%;margin-top:auto;padding-top:clamp(6px,1vh,12px);display:grid}.nav-item{color:#9aa4b8;border-radius:10px;flex:none;place-items:center;width:clamp(28px,3.6vh,36px);height:clamp(28px,3.6vh,36px);transition:all .2s;display:grid;position:relative}.nav-item .nav-icon{width:clamp(14px,1.9vh,17px);height:clamp(14px,1.9vh,17px)}.nav-item:hover{color:#e5e5e5;background:#ffb0201a}.nav-item.active{color:#ffb020;background:#ffb02029;box-shadow:inset 0 0 0 1px #ffb0204d}.nav-item-settings.active,.nav-item-settings:hover{color:#ffb020}.nav-item.active .active-bar{background:#ffb020;border-radius:999px;width:3px;position:absolute;top:20%;bottom:20%;right:-11px}.nav-label{display:none}.sidebar-expand-btn{cursor:pointer;font:inherit;background:0 0;border:0;padding:0;display:none}@media (width>=901px){.sidebar-expand-btn{border-radius:8px;flex-shrink:0;order:-2;align-self:center;place-items:center;margin-bottom:6px;display:grid;width:clamp(24px,3vh,30px)!important;height:clamp(24px,3vh,30px)!important;min-height:0!important}.sidebar-expand-btn .nav-label{display:none!important}.sidebar-expand-btn .nav-icon{width:15px;height:15px}.sidebar.is-expanded .sidebar-expand-btn{justify-content:center;align-self:flex-start;gap:0;margin:0 0 8px 4px;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important}.sidebar-nav>.sidebar-branch-wrap,.sidebar-nav>.nav-item:not(.sidebar-expand-btn){order:1}.sidebar.is-expanded{align-items:stretch;width:220px;padding:8px}.sidebar.is-expanded .sidebar-brand{margin-bottom:4px;padding:0 4px}.sidebar.is-expanded .sidebar-nav{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;align-items:stretch;gap:0;overflow:hidden}.sidebar.is-expanded .sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}.sidebar.is-expanded .nav-item{border-radius:8px;flex:none;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:auto;min-height:28px;max-height:none;padding:0 8px;display:flex}.sidebar.is-expanded .nav-label{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;display:inline;overflow:hidden}.sidebar.is-expanded .nav-item.active .active-bar{right:-10px}.sidebar.is-expanded .sidebar-branch-wrap{place-items:stretch stretch}.sidebar.is-expanded .sidebar-branch-chevron{display:block}}.sidebar-branch-wrap{flex-shrink:0;place-items:center;width:100%;display:grid;position:relative}.sidebar-branch-btn{cursor:pointer;font:inherit;background:0 0;border:0}.sidebar-branch-chevron{opacity:.7;flex-shrink:0;margin-left:auto;transition:transform .18s,opacity .18s;display:none}.sidebar-branch-chevron.is-open{opacity:1;transform:rotate(180deg)}.sidebar-branch-menu{z-index:90;background:#0b1220;border:1px solid #ffb02040;border-radius:12px;gap:2px;min-width:160px;padding:6px;display:grid;position:absolute;top:0;left:calc(100% + 8px);box-shadow:0 12px 28px #00000073}.sidebar-branch-menu.is-portal{z-index:120;overscroll-behavior:contain;animation:.16s ease-out sidebar-branch-pop;position:fixed;overflow:hidden auto}@keyframes sidebar-branch-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.sidebar-branch-menu.is-portal{animation:none}}.sidebar-branch-option{text-align:left;color:#e5e5e5;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px;font-size:.78rem;font-weight:600}.sidebar-branch-option:hover{background:#ffb0201f}.sidebar-branch-option.is-active{color:#ffb020;background:#ffb02029}.sidebar-mobile-wrap{z-index:80;overscroll-behavior:none;display:none;position:fixed;inset:0;overflow:hidden}.sidebar-scrim{background:#00000080;border:0;position:absolute;inset:0}@media (width<=900px){.sidebar-desktop{display:none}.sidebar-mobile-wrap{display:block}.sidebar-mobile-wrap>div{overscroll-behavior:none;height:100dvh;max-height:100dvh;overflow:hidden}.sidebar{width:200px;height:100dvh;max-height:100dvh;padding:max(8px, env(safe-area-inset-top,8px)) 10px max(8px, env(safe-area-inset-bottom,8px));overscroll-behavior:none;touch-action:manipulation;align-items:stretch;position:relative;overflow:hidden}.sidebar .logo{width:32px;height:32px;font-size:.9rem}.sidebar-brand{margin-bottom:6px}.sidebar-nav{overscroll-behavior:none;scrollbar-width:none;-ms-overflow-style:none;flex:auto;justify-content:space-evenly;align-items:stretch;gap:0;min-height:0;overflow:hidden}.sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-footer{flex-shrink:0;place-items:stretch stretch;margin-top:0;padding-top:4px}.sidebar-footer .nav-item{flex:none;height:34px;max-height:34px}.nav-item{border-radius:8px;flex:1 1 0;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:auto;min-height:0;max-height:34px;padding:0 8px;display:flex}.nav-item .nav-icon{flex-shrink:0;width:15px;height:15px}.nav-label{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.72rem;font-weight:600;display:inline;overflow:hidden}.sidebar-branch-wrap{flex-shrink:0;place-items:stretch stretch}.sidebar-branch-btn{flex:1 1 0;height:auto;min-height:0;max-height:34px}.sidebar-branch-chevron{display:block}.sidebar-branch-menu{overscroll-behavior:contain;z-index:100;width:100%;min-width:0;max-height:min(40dvh,220px);top:calc(100% + 4px);left:0;overflow:hidden auto}.nav-item.active .active-bar{right:0}.sidebar-close{display:block}}@media (height<=720px) and (width>=901px){.sidebar{padding:6px 4px}.sidebar-brand{margin-bottom:4px}.nav-item{width:clamp(32px,4.2vh,40px);height:clamp(32px,4.2vh,40px)}.sidebar-nav{gap:1px}.logo{width:32px;height:32px;font-size:.95rem}}.kind-switch{border:1px solid var(--border);background:var(--surface-2,var(--surface));border-radius:999px;gap:2px;padding:3px;display:inline-flex}.kind-switch button{letter-spacing:.03em;min-height:28px;color:var(--text-muted);border-radius:999px;padding:0 12px;font-size:.72rem;font-weight:800;position:relative}.kind-switch button.on{color:#111}.kind-pill{z-index:0;background:linear-gradient(145deg,#ffb020,#f0a010);border-radius:999px;position:absolute;inset:0}.kind-switch span:not(.kind-pill){z-index:1;position:relative}.dash-shell{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow:hidden}.dash-hero{flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.dash-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:9px;font-weight:700}.dash-title{font-family:var(--font-display);margin:1px 0 0;font-size:1.02rem;font-weight:800}.dash-hero-side{flex-direction:column;flex:1;gap:6px;min-width:0;max-width:620px;display:flex}.dash-device-breakdown{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.dash-device-chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;display:flex}.dash-device-chip span{color:var(--text-muted);font-weight:600}.dash-device-chip strong{font-family:var(--font-display);font-size:.78rem}.dash-device-cats{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.dash-device-cat{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;display:flex}.dash-device-cat span{color:var(--text-muted);font-weight:600}.dash-device-cat strong{font-family:var(--font-display)}.dash-device-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;display:block;overflow:hidden}.dash-hr-strip{flex:1;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));justify-content:center;place-items:center;gap:6px;width:100%;min-width:0;display:grid}.dash-hr-card{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, var(--surface)), var(--surface));width:100%;min-width:0;max-width:140px;color:inherit;font:inherit;text-align:center;cursor:default;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;display:flex}.dash-hr-card>div{text-align:center;min-width:0}button.dash-hr-card{cursor:pointer}button.dash-hr-card:hover{border-color:var(--accent)}.dash-hr-card-off{background:linear-gradient(145deg, color-mix(in srgb, #ff6b6b 14%, var(--surface)), var(--surface))}.dash-hr-card-off svg{color:#ff6b6b}.dash-hr-card span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;display:block;overflow:hidden}.dash-hr-card strong{font-family:var(--font-display);font-size:.78rem;line-height:1.15}.dash-hr-view{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-top:1px;font-size:.58rem;font-style:normal;font-weight:800;display:block}.dash-hr-card-abs{max-width:200px}.dash-hr-card-abs>div{text-align:left;align-items:stretch;width:100%}.dash-abs-stats{flex-wrap:wrap;gap:4px 8px;margin-top:1px;display:flex}.dash-abs-stats em{color:var(--text-muted);align-items:baseline;gap:3px;font-size:10px;font-style:normal;display:inline-flex}.dash-abs-stats strong{font-family:var(--font-display);color:var(--text);font-size:.85rem;font-weight:800}.dash-abs-fine{color:#ff6b6b;font-size:.78rem;font-weight:700}.dash-abs-leave{color:var(--info);font-size:.78rem;font-weight:700}.modal--absences{width:min(680px,100%);container:absences-modal/inline-size}.modal--absences .modal-body{flex-direction:column;flex:1;min-height:0;display:flex}.modal--absences .dash-absences-wrap{-webkit-overflow-scrolling:touch;flex:1;min-height:0;max-height:min(52dvh,460px);overflow:hidden auto}.modal--absences .dash-absences-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0}.modal--absences .dash-absences-table th,.modal--absences .dash-absences-table td{vertical-align:middle;padding:clamp(4px,1.2cqw,8px) clamp(3px,1cqw,8px);font-size:clamp(.65rem,2.6cqw,.82rem)}.modal--absences .dash-abs-h-sm,.modal--absences .dash-abs-date-sm{display:none}.modal--absences .dash-abs-col-name{width:34%}.modal--absences .dash-absences-table th.dash-abs-col-name{text-align:left}.modal--absences .dash-abs-name{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.modal--absences .dash-abs-col-num{text-align:center;white-space:nowrap;width:14%}.modal--absences .dash-absences-table th.dash-abs-col-num{text-align:center}.modal--absences .dash-abs-col-date{text-align:right;white-space:nowrap;width:22%}.modal--absences .dash-absences-table th.dash-abs-col-date{text-align:right}.modal--absences .dt-pagination{gap:clamp(6px,1.5cqw,10px);font-size:clamp(.68rem,2.2cqw,.78rem)}.modal--absences .dt-pagination-controls{flex-wrap:wrap;row-gap:6px}@container absences-modal (width<=480px){.modal--absences .dash-abs-h-lg,.modal--absences .dash-abs-date-lg{display:none}.modal--absences .dash-abs-h-sm,.modal--absences .dash-abs-date-sm{display:inline}.modal--absences .dash-abs-col-name{width:36%}.modal--absences .dash-abs-col-num{width:13%}.modal--absences .dash-abs-col-date{width:24%}.modal--absences .dash-abs-name{-webkit-line-clamp:3}.modal--absences .dt-page-size span{display:none}}@container absences-modal (width<=340px){.modal--absences .dash-absences-table th,.modal--absences .dash-absences-table td{padding:4px 2px}.modal--absences .dash-abs-col-name{width:38%}.modal--absences .dash-abs-col-num{width:9%}}@container absences-modal (width>=481px){.modal--absences .dash-abs-col-name{width:30%}.modal--absences .dash-abs-col-num{width:12%}.modal--absences .dash-abs-col-date{width:22%}}@supports not (container-type:inline-size){@media (width<=640px){.modal--absences .dash-abs-h-lg,.modal--absences .dash-abs-date-lg{display:none}.modal--absences .dash-abs-h-sm,.modal--absences .dash-abs-date-sm{display:inline}.modal--absences .dash-abs-col-name{width:36%}.modal--absences .dash-abs-col-num{width:10%}.modal--absences .dash-abs-col-date{width:24%}.modal--absences .dt-page-size span{display:none}}}@media (width<=640px){.modal--absences{padding:14px 10px}.modal--absences .dash-absences-wrap{max-height:min(50dvh,400px)}}@media (width<=380px){.modal--absences{padding:12px 8px}.modal--absences .dash-absences-wrap{max-height:min(48dvh,360px)}}.dash-hr-card svg{color:var(--accent);flex-shrink:0;width:13px;height:13px}.dash-mini-body{flex:1;align-items:center;gap:10px;min-height:0;display:flex}.dash-chart-mini{flex:0 0 78px;width:78px;height:78px;position:relative}.dash-chart-wide{flex:1;width:auto;min-width:0;height:78px}.dash-mini-meta{gap:2px;min-width:0;display:grid}.dash-range{min-width:58px;min-height:26px;padding:0 6px;font-size:11px}.dash-svc-view{min-height:26px;padding:0 8px;font-size:11px;font-weight:700}.dash-svc-body{flex-direction:column;justify-content:center;align-items:stretch;gap:4px}.dash-svc-day-nav{flex-wrap:wrap;align-items:center;gap:3px;min-width:0;display:flex}.dash-svc-nav-btn{flex-shrink:0;min-height:24px;padding:0 6px;font-size:11px}.dash-svc-date{flex:1;min-width:0;min-height:24px;padding:0 4px;font-size:10px}.dash-svc-meta{text-align:center;gap:1px;min-height:28px;display:grid}.dash-svc-loading{font-family:var(--font-display);font-size:.92rem;font-weight:800;line-height:1.1}.dash-mc-card{color:#f5f5f5;background:radial-gradient(circle at 85% 15%,#f79e1b38,#0000 42%),radial-gradient(circle at 15% 85%,#eb001b2e,#0000 45%),linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 55%,#141414 100%);border:1px solid #ffffff14;border-radius:8px;padding:7px 9px 6px;box-shadow:inset 0 1px #ffffff0f}.dash-balance{flex-shrink:0}.dash-balance .card-title{font-size:.82rem}.dash-balance-meta{gap:2px;margin-top:5px;font-size:10px;display:grid}.dash-balance-meta>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.dash-balance-meta span{color:var(--text-muted)}.dash-balance-meta strong{align-items:center;gap:2px;font-size:11px;display:inline-flex}.dash-balance-meta .is-up{color:var(--success)}.dash-balance-meta .is-bill{color:var(--accent)}.dash-mc-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:2px;display:flex}.dash-mc-brand{letter-spacing:.06em;text-transform:uppercase;opacity:.88;font-size:9px;font-weight:700}.dash-mc-logo{flex-shrink:0;width:28px;height:16px;position:relative}.dash-mc-circle{opacity:.95;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translateY(-50%)}.dash-mc-circle-red{background:#eb001b;left:0}.dash-mc-circle-yellow{background:#f79e1b;left:10px}.dash-mc-chip{display:none}.dash-mc-number{letter-spacing:.08em;opacity:.92;margin:2px 0 4px;font-size:.78rem;font-weight:600}.dash-mc-footer{justify-content:space-between;align-items:baseline;gap:8px;margin-top:2px;font-size:10px;display:flex}.dash-mc-footer span{opacity:.78}.dash-mc-footer strong{font-family:var(--font-display);color:#fff;font-size:.78rem}.dash-quick-pay{flex-shrink:0;max-height:168px;overflow:hidden}.dash-quick-pay .card-subtitle{font-size:.68rem}.dash-quick-pay-form{gap:3px!important}.dash-quick-pay-form .field{gap:1px;margin:0}.dash-quick-pay-form .field label{margin:0;font-size:.65rem}.dash-quick-pay-form .field input,.dash-quick-pay-form .field select{min-height:26px;padding:0 6px;font-size:11px}.dash-quick-pay-form .btn{min-height:26px;padding:0 8px;font-size:11px}.dash-quick-pay-avatars{gap:4px;padding-bottom:1px;display:flex;overflow-x:auto}.dash-quick-pay-avatar{background:var(--surface-2);width:22px;height:22px;color:var(--text);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;padding:0;font-size:10px;font-weight:800;display:grid}.dash-quick-pay-avatar.is-active{color:#000;background:#ffb020}.dash-quick-pay-avatar.is-add{border:1px dashed var(--border);color:var(--text-muted);cursor:default;background:0 0}.dash-donut-amount{font-size:.92rem;font-weight:800;line-height:1.1;font-family:var(--font-display);display:block}.dash-donut-label{color:var(--text-muted);font-size:10px;font-weight:600;line-height:1.2}.dash-empty{place-items:center;height:100%;min-height:0;padding:4px;display:grid}.dash-empty .empty{padding:8px 6px}.dash-empty .empty strong{font-size:.82rem;line-height:1.3;display:block}.dash-empty .empty p{margin:4px 0 0;font-size:.75rem;line-height:1.3}.dash-legend{flex-wrap:wrap;flex-shrink:0;gap:8px;margin-top:2px;display:flex}.dash-legend-item{align-items:center;gap:5px;font-size:10px;line-height:1.2;display:flex}.dash-legend-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dash-note-add{gap:3px;min-height:24px;padding:0 6px;font-size:10px}.dash-notes-card{flex-direction:column;height:100%;min-height:0;max-height:132px;display:flex;overflow:hidden}.dash-notes-card .card-title{font-size:.82rem}.dash-notes-card .card-subtitle{font-size:.68rem;line-height:1.2}.dash-notes-card>div:last-child,.dash-notes-card .dash-notes{flex:1;min-height:0}.dash-notes{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.dash-notes-empty{text-align:center;color:var(--text-muted);flex:1;justify-content:center;align-items:center;gap:4px;padding:2px;display:flex}.dash-notes-empty .empty{padding:0}.dash-notes-empty .empty strong{font-size:.72rem}.dash-notes-empty .empty p{margin:2px 0 0;font-size:.65rem}.dash-notes-list{grid-template-columns:1fr;gap:4px;margin:0;padding:0;list-style:none;display:grid}.dash-note-item{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;align-items:flex-start;gap:4px;min-height:0;padding:4px 6px;display:flex}.dash-note-item.is-pinned{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface-2))}.dash-note-item.is-done{opacity:.62}.dash-note-item.is-done .dash-note-title,.dash-note-item.is-done .dash-note-body{text-decoration:line-through}.dash-note-main{flex:1;gap:2px;min-width:0;display:grid}.dash-note-title-row{align-items:center;gap:4px;min-width:0;display:flex}.dash-note-pin-icon{color:var(--accent);flex-shrink:0}.dash-note-title{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;line-height:1.25;overflow:hidden}.dash-note-body{color:var(--text-muted);-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;margin:0;font-size:.72rem;line-height:1.35;display:-webkit-box;overflow:hidden}.dash-note-meta{color:var(--text-muted);opacity:.85;font-size:.65rem}.dash-note-actions{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.dash-note-actions button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:0;display:grid}.dash-note-actions button:hover{color:var(--text);background:var(--surface)}.dash-note-pin-check{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.dash-note-pin-check input{accent-color:var(--accent)}@media (width<=900px){.dash-title{font-size:.95rem}.dash-hr-strip{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch;max-width:none}.dash-hr-card{max-width:none}}@media (width<=640px){.dash-hero{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center}.dash-hr-strip{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center stretch;width:100%;max-width:none}.dash-hr-card{max-width:none}.dash-title{font-size:.92rem}}.attendance-page .att-check-table{min-width:0}.attendance-page .att-check-table th,.attendance-page .att-check-table td{vertical-align:middle;padding:6px 8px;font-size:.8rem}.attendance-page .att-check-table th{font-size:.68rem}.att-check-table tr.is-present td{background:#2dd4a014}.att-check-table tr.is-fine td{background:#ff6b6b14}.att-check-table tr.is-leave td{background:#a855f72e;box-shadow:inset 4px 0 #c084fc}.att-name{align-items:center;gap:7px;display:flex}.att-name strong{font-size:.8rem}.att-name small{color:var(--text-muted);font-size:.65rem;display:block}.att-former-name{letter-spacing:.02em;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;margin-top:3px;padding:1px 7px;font-size:.58rem;font-weight:700;display:inline-block;overflow:hidden}.att-avatar{color:#111;background:linear-gradient(145deg,#ffb020,#f0a010);border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.65rem;font-weight:800;display:grid}.att-check,.att-x{cursor:pointer;border:1.5px solid var(--border);background:var(--surface);border-radius:7px;place-items:center;width:26px;height:26px;font-size:.85rem;line-height:1;display:grid}.att-check-wrap{align-items:center;gap:6px;display:flex}.att-check-time,input.att-check-time{font-variant-numeric:tabular-nums;color:var(--text);width:5.4em;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;font-size:.72rem;font-weight:700;line-height:1.2}input.att-check-time:focus{border-radius:4px;outline:none;box-shadow:0 0 0 2px #2dd4a059}input.att-check-time:disabled{opacity:.7;cursor:wait}.att-check.on{background:#2dd4a02e;border-color:#2dd4a08c}.att-check:disabled{opacity:.45;cursor:not-allowed}.att-fine-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.att-fine-cell span{font-size:.74rem}.att-header-actions{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.att-x{color:#ff8a8a}.att-x.on{background:#ff6b6b2e;border-color:#ff6b6b8c}.att-actions{align-items:center;gap:4px;display:flex}.attendance-page .att-actions .btn{min-height:0;padding:4px 8px;font-size:.72rem}.att-date-cell span{display:block}.att-status-tag{letter-spacing:.02em;border-radius:999px;margin-top:3px;padding:1px 7px;font-size:.65rem;font-weight:700;line-height:1.4;display:inline-block}.att-status-tag.is-present{color:#7dcea0;background:#2dd4a029}.att-status-tag.is-fine{color:#ff8a8a;background:#ff6b6b29}.att-status-tag.is-leave{color:#e9d5ff;background:#a855f752;border:1px solid #c084fcb3}.att-leave-mark{letter-spacing:.03em;color:#f3e8ff;background:#a855f759;border:1px solid #c084fcbf;border-radius:7px;justify-content:center;align-items:center;min-height:26px;padding:2px 8px;font-size:.68rem;font-weight:800;text-decoration:none;display:inline-flex}.att-leave-note{color:#d8b4fe;font-size:.72rem}.att-maqan-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;width:100%;min-width:0;display:grid}.att-maqan-form .field{min-width:0}:is(.att-maqan-form .field-span-2,.att-maqan-form .field:has(textarea)){grid-column:1/-1}.att-maqan-form input,.att-maqan-form textarea,.att-maqan-form select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.att-maqan-form textarea{resize:vertical;min-height:72px}.attendance-page .att-absent-modal{width:min(440px,100vw - 32px);max-width:100%;max-height:min(90dvh,900px)}.attendance-page .att-absent-modal h2{word-break:break-word;overflow-wrap:anywhere;padding-right:12px;font-size:clamp(.88rem,2.4vw,1rem);line-height:1.3}.attendance-page .att-absent-modal .modal-body{overflow-x:hidden}.attendance-page .att-absent-modal .modal-actions{flex-wrap:wrap}.attendance-page .att-absent-modal .modal-actions .btn{min-height:36px}@media (width<=520px){.att-header-actions{width:100%}.att-maqan-form{grid-template-columns:1fr;gap:8px}.attendance-page .att-absent-modal{gap:10px;width:100%;max-height:min(92dvh,900px);padding:14px}.attendance-page .att-absent-modal .modal-actions .btn{width:100%;min-height:44px}.attendance-page .att-check-table{min-width:540px}}@media (width>=521px) and (width<=900px){.attendance-page .att-check-table{min-width:620px}}.groups-page{align-content:start;gap:10px;display:grid}.groups-page .page-header{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-bottom:0}.groups-page .kind-switch{flex-shrink:0}.groups-page .page-header .grp-head-actions{flex-shrink:0;width:auto;margin-left:auto}.grp-head-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=640px){.groups-page .page-header{flex-wrap:nowrap}.groups-page .page-header .grp-head-actions .btn{width:auto}.groups-page .kind-switch button{padding-inline:9px}}.grp-pick{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.grp-pick .field{width:100%;min-width:0;max-width:none;margin:0}.grp-pick>.grp-head-actions{grid-column:1/-1;justify-content:flex-start;width:100%}.grp-pick .grp-owed{width:100%;max-width:none}@media (width<=900px){.grp-pick{grid-template-columns:1fr}}@media (width<=640px){.grp-pick>.grp-head-actions{flex-direction:column;align-items:stretch}.grp-pick>.grp-head-actions .btn{width:100%}}.grp-owed{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, var(--surface)), var(--surface));border-radius:8px;flex-direction:column;justify-content:center;min-width:110px;min-height:48px;padding:4px 10px;display:flex}.grp-owed-btn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .12s}.grp-owed-btn:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-1px)}.grp-owed span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.grp-owed strong{font-family:var(--font-display);font-size:.92rem;font-weight:800;line-height:1.2}.grp-company-link{color:var(--accent);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;padding:0;text-decoration:underline}.grp-company-link:hover{opacity:.85}.grp-owed-detail{gap:18px;display:grid}.grp-owed-section{gap:6px;display:grid}.grp-owed-section h3{margin:0;font-size:.95rem;font-weight:700}.grp-owed-hint{color:var(--text-muted);margin:0 0 4px;font-size:.75rem}.grp-owed-desc{white-space:pre-wrap;max-width:200px;font-size:.72rem;line-height:1.3;display:block}.grp-owed-table-wrap{border-radius:8px}.grp-owed-table{width:100%;min-width:0}.grp-owed-table th,.grp-owed-table td{vertical-align:middle;padding:4px 8px;font-size:.72rem;line-height:1.25}.grp-owed-table th{color:var(--text);letter-spacing:.01em;font-size:.78rem;font-weight:800}.groups-page .data-table th{color:var(--text);font-weight:800}.groups-page .grp-owed-modal .grp-owed-table th{color:var(--text);font-size:.8rem;font-weight:800}.grp-owed-table .grp-num,.groups-page .data-table .grp-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:1%}.grp-owed-table th.grp-num,.groups-page .data-table th.grp-num{text-align:right}.groups-page .grp-owed-modal{width:min(720px,100vw - 32px);max-width:100%;max-height:min(90dvh,900px)}.groups-page .grp-owed-modal h2{word-break:break-word;overflow-wrap:anywhere;padding-right:12px;font-size:clamp(.95rem,2.5vw,1.125rem);line-height:1.3}.groups-page .grp-owed-modal .card-subtitle{word-break:break-word}.groups-page .grp-owed-modal .modal-body{min-width:0;overflow-x:hidden}.groups-page .grp-owed-modal .grp-owed-detail{gap:16px;min-width:0}.groups-page .grp-owed-modal .grp-owed-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.groups-page .grp-owed-modal .grp-owed-table{min-width:520px}.groups-page .grp-owed-modal .grp-owed-desc{max-width:min(220px,36vw)}.groups-page .grp-owed-modal .dt-pagination{flex-wrap:wrap;gap:8px}.groups-page .grp-owed-modal .modal-actions{flex-wrap:wrap}@media (width<=640px){.groups-page .grp-owed-modal{border-radius:12px;gap:10px;width:100%;max-height:min(92dvh,900px);padding:14px}.groups-page .grp-owed-modal .grp-owed-detail{gap:14px}.groups-page .grp-owed-modal .grp-owed-table{min-width:480px}.groups-page .grp-owed-modal .grp-owed-table th,.groups-page .grp-owed-modal .grp-owed-table td{padding:4px 6px;font-size:.68rem}.groups-page .grp-owed-modal .grp-owed-desc{max-width:140px;font-size:.68rem}.groups-page .grp-owed-modal .modal-actions .btn{width:100%;min-height:44px}.groups-page .grp-owed-modal .dt-pagination-info,.groups-page .grp-owed-modal .dt-page-status{font-size:.7rem}}@media (width<=400px){.groups-page .grp-owed-modal .grp-owed-table{min-width:420px}}.groups-page .dt{gap:8px}.groups-page .data-table{min-width:0}.groups-page .data-table th,.groups-page .data-table td{vertical-align:middle;height:auto;padding:4px 8px;font-size:.75rem;line-height:1.25}.groups-page .data-table td:first-child{white-space:nowrap;width:1%}.groups-page .btn{min-height:26px;padding:0 8px;font-size:.72rem}.groups-page .grp-actions{white-space:nowrap;width:1%}.grp-mini-form{gap:8px;display:grid}.grp-mini-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grp-detail-view{gap:12px;display:grid}.grp-detail-meta{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.grp-detail-meta span,.grp-detail-desc span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.grp-detail-meta strong{font-size:.85rem;font-weight:600}.grp-detail-desc p{white-space:pre-wrap;color:var(--text);margin:0;font-size:.88rem;line-height:1.45}.grp-photo-view{object-fit:contain;background:var(--surface-hover);border-radius:10px;width:100%;max-height:70vh;display:block}.services-page .dt{gap:8px}.services-page .table-search-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.service-category-filter{width:min(100%,240px);min-height:36px}.services-page .table-search-input{flex:1;width:auto;min-width:180px;max-width:none}.services-page .svc-table-wrap{border-radius:8px}.services-page .svc-table{width:100%;min-width:0}.services-page .svc-table th,.services-page .svc-table td{vertical-align:middle;padding:4px 8px;font-size:.75rem;line-height:1.25}.services-page .svc-table th{color:var(--text-muted);white-space:nowrap;font-size:.7rem;font-weight:600}.services-page .svc-table .svc-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:1%}.services-page .svc-table th.svc-num{text-align:right}.services-page .svc-table .svc-date,.services-page .svc-table .svc-actions{white-space:nowrap;width:1%}.services-page .svc-table tbody tr:hover td{background:var(--surface-hover)}.services-page .dt-pagination{gap:8px;font-size:.72rem}.services-page .btn{min-height:26px;padding:0 8px;font-size:.72rem}.svc-header-actions{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-left:auto;display:flex}.svc-header-actions>.btn{min-height:40px}.svc-branch-select{min-width:150px;min-height:40px}@media (width<=720px){.svc-header-actions{width:100%;margin-left:0}}.svc-form{gap:8px}.modal--compact .svc-form .field{gap:3px}.svc-detail-view{gap:12px;display:grid}.svc-detail-meta{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.svc-detail-meta span,.svc-detail-desc span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.svc-detail-meta strong{font-size:.85rem;font-weight:600}.svc-detail-desc p{white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.45}@media (width<=640px){.services-page>.card{padding:10px}.services-page .svc-table-wrap{max-width:100%;overflow-x:auto}.services-page .svc-table{width:620px;min-width:620px}.services-page .svc-table th,.services-page .svc-table td{white-space:nowrap}}.debt-detail-view{gap:12px;display:grid}.debt-detail-meta{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.debt-detail-meta span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700;display:block}.debt-detail-meta strong{font-size:.82rem;font-weight:700;display:block}.pay-detail-view{gap:12px;display:grid}.pay-detail-meta{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.pay-detail-meta span,.pay-detail-note span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700;display:block}.pay-detail-meta strong{font-size:.82rem;font-weight:700;display:block}.pay-detail-note p{margin:4px 0 0;font-size:.82rem;line-height:1.4}.trash-action-select option.action-tone-success{color:var(--success);font-weight:700}.trash-action-select option.action-tone-warning{color:var(--accent);font-weight:700}.trash-action-select option.action-tone-danger{color:var(--danger);font-weight:700}.trash-detail{gap:14px;display:grid}.trash-detail-meta,.trash-detail-grid{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.trash-detail-meta span,.trash-detail-grid span,.trash-detail-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700;display:block}.trash-detail-heading{margin:0 0 4px}.trash-detail-meta strong,.trash-detail-grid strong{word-break:break-word;font-size:.82rem;font-weight:700;display:block}.trash-detail-snapshot{border-top:1px solid var(--border);padding-top:10px}.masaariif-page{gap:12px;display:grid}.masaariif-sum{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:10px;font-size:.82rem;display:flex}.masaariif-sum strong{color:var(--text);font-family:var(--font-display);font-size:.95rem}.masaariif-page .masaariif-table th,.masaariif-page .masaariif-table td{padding:6px 8px;font-size:.8rem}.masaariif-page .masaariif-actions{white-space:nowrap;width:1%;padding-left:4px;padding-right:4px}.masaariif-page .masaariif-update{border-radius:8px;height:24px;min-height:24px;padding:0 8px;font-size:.68rem}.masaariif-page tr.is-zero td{background:color-mix(in srgb, var(--warning) 14%, transparent)}.masaariif-page .masaariif-zero{color:var(--warning);font-weight:700}@media (width<=640px){.masaariif-page .page-header .field{width:100%}.masaariif-page .masaariif-table{min-width:0}}.adv-page-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.adv-page-header>div:first-child{flex:1;min-width:160px}.adv-page-header h1{margin:0}.adv-page-header p{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.adv-header-actions{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-left:auto;display:flex}.adv-header-actions>input{min-width:160px;max-width:220px;min-height:40px}.adv-header-actions>.btn{min-height:40px}.adv-row-done td{background:#2dd4a014}.adv-amount-done{color:#2dd4a0;font-weight:800;font-family:var(--font-display)}.adv-date-done{color:#2dd4a0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.adv-done-chip{letter-spacing:.03em;color:#0b3d2e;background:#2dd4a0;border-radius:999px;align-items:center;padding:1px 7px;font-size:.62rem;font-weight:800;display:inline-flex}.adv-note-view{border:1px solid var(--border);background:var(--surface);height:26px;color:var(--accent);cursor:pointer;border-radius:7px;padding:0 10px;font-size:.72rem;font-weight:700}.adv-note-view:hover{border-color:var(--accent);background:#ffb0201a}@media (width<=720px){.adv-header-actions{width:100%;margin-left:0}.adv-header-actions>input{flex:1;max-width:none}}.emp-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:8px;margin-left:auto;display:flex}.emp-header-actions .field{min-width:0;margin:0}.emp-month-nav{align-items:center;gap:6px;display:flex}.emp-month-nav input{flex:140px;min-width:150px;max-width:100%;min-height:40px}.emp-month-nav .btn{min-height:40px;padding:0 10px}.emp-roster-switch{border:1px solid var(--border);background:var(--surface-2,var(--surface));border-radius:999px;gap:2px;padding:3px;display:inline-flex}.emp-roster-switch button{letter-spacing:.03em;min-height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:.72rem;font-weight:800}.emp-roster-switch button.on{color:#111;background:linear-gradient(145deg,#ffb020,#f0a010)}.emp-header-actions .page-header-action{margin-left:0}.payroll-panel{margin-bottom:0;padding:12px}.payroll-panel:hover{transform:none}.payroll-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.payroll-title{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:700}.payroll-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.payroll-filters .payroll-search{flex:1;min-width:140px;max-width:220px;min-height:36px}.payroll-filters select{border-radius:10px;min-height:36px;padding:6px 28px 6px 10px;font-size:.85rem}.payroll-people{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.payroll-person{border:1px solid var(--border);background:linear-gradient(180deg, #ffb0200f, transparent 42%), var(--surface-2);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex;box-shadow:0 6px 16px #060a122e}.payroll-person:hover{border-color:#ffb02073;transform:translateY(-2px);box-shadow:0 10px 22px #ffb02029}.payroll-person.is-open{border-color:#ffb02080;grid-column:span 2}.payroll-person.is-overdrawn{border-color:#ff6b6b66}.payroll-person-head{align-items:flex-start;gap:8px;min-width:0;display:flex}.payroll-person-meta{flex:1;min-width:0}.payroll-person-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;line-height:1.25;display:block;overflow:hidden}.payroll-person-meta span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.7rem;line-height:1.25;display:block;overflow:hidden}.payroll-person-avatar{color:#111;width:30px;height:30px;font-size:.78rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(145deg,#ffb020,#f0a010);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.payroll-person-more{border:1px solid var(--border);background:var(--surface);min-height:26px;color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;align-self:flex-start;place-items:center;padding:0 8px;font-size:.65rem;font-weight:700;line-height:1;display:grid}.payroll-person-more:hover{border-color:var(--accent);color:var(--accent)}.payroll-person-totals{grid-template-columns:1fr 1fr;gap:6px;display:grid}.payroll-person-box{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:44px;padding:6px 8px;display:flex}.payroll-person-box.advance{background:linear-gradient(155deg, #ffb0202e, var(--surface))}.payroll-person-box.expense{background:linear-gradient(155deg, #5cb8ff29, var(--surface))}.payroll-person-box.fine{background:linear-gradient(155deg, #ffc14d14, var(--surface))}.payroll-person-box.fine.has-fine{background:linear-gradient(155deg, #ffc14d33, var(--surface))}.payroll-person-box.remaining{background:linear-gradient(155deg, #2dd4a029, var(--surface))}.payroll-person.is-overdrawn .payroll-person-box.remaining{background:linear-gradient(155deg, #ff6b6b2e, var(--surface))}.payroll-person-box span{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.58rem;font-weight:700;line-height:1.2;display:block}.payroll-person-box strong{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:800;line-height:1.2;display:block;overflow:hidden}.payroll-person-box.expense strong{color:var(--info)}.payroll-person-box.fine.has-fine strong{color:var(--warning)}.payroll-person.is-overdrawn .payroll-person-box.remaining strong{color:var(--danger)}.payroll-detail{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:7px;padding:7px 8px;font-size:.72rem}.payroll-detail ul{margin:4px 0 6px;padding-left:14px}.payroll-detail-rate{color:var(--text-muted);margin-bottom:6px}.payroll-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.62rem;font-weight:800}@media (width<=720px){.payroll-people{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.payroll-person.is-open{grid-column:span 1}.payroll-toolbar{align-items:stretch}.payroll-filters{width:100%}.payroll-filters .payroll-search{max-width:none}.payroll-filters select{flex:1;min-width:0}}@media (width<=480px){.payroll-people{grid-template-columns:1fr}}.emp-table-wrap{margin-top:12px}.payroll-remaining-card{margin-top:12px;padding:10px 12px}.payroll-remaining-card:hover{transform:none}.payroll-settled-count{color:var(--muted,#8b93a7);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.68rem;font-weight:700}.payroll-remaining-card .data-table tbody tr.is-settled{opacity:.62}.payroll-remaining-card .data-table tbody tr.is-settled:hover{opacity:1}.payroll-remaining-card .data-table tbody tr.is-settled td{background:var(--surface-2)}.emp-salary.is-overdrawn{color:var(--danger,#ef4444)}.emp-salary .adv-done-chip{vertical-align:middle;margin-left:8px}.emp-status-overdrawn{color:var(--danger,#ef4444);font-size:.72rem;font-weight:700}.emp-table-card{padding:10px 12px}.emp-table-card:hover{transform:none}.emp-table-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.emp-table-head .payroll-title{margin:0}.emp-table-search{flex:1;min-width:140px;max-width:280px;min-height:36px}.emp-table{border:1px solid var(--border);background:var(--surface-2);min-width:0}.emp-table .data-table{min-width:0}.emp-table .data-table th,.emp-table .data-table td{vertical-align:middle;padding:6px 8px;font-size:.75rem}.emp-table .data-table th{letter-spacing:.05em;background:#ffb0200f;font-size:.62rem}.emp-table .data-table tbody tr:nth-child(2n) td{background:#ffffff05}.emp-name{align-items:center;gap:7px;min-width:0;font-weight:600;display:flex}.emp-name>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.emp-avatar{color:#111;background:linear-gradient(145deg,#ffb020,#f0a010);border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.65rem;font-weight:800;display:grid}.emp-chip{letter-spacing:.02em;border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;padding:2px 7px;font-size:.62rem;font-weight:700;display:inline-flex}.emp-chip.job{color:var(--accent);background:#ffb0201f;border-color:#ffb02059}.emp-chip.job.eng{color:var(--info);background:#5cb8ff1f;border-color:#5cb8ff59}.emp-chip.status.on{color:var(--success);background:#2dd4a01f;border-color:#2dd4a059}.emp-chip.status.off{color:var(--text-muted)}.emp-salary{font-family:var(--font-display);color:var(--accent);font-size:.78rem;font-weight:700}.emp-date{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.emp-actions{gap:5px;display:flex}.emp-btn{cursor:pointer;border:1px solid var(--border);background:var(--surface);height:24px;color:var(--text);border-radius:7px;padding:0 8px;font-size:.65rem;font-weight:700}.emp-btn:hover{border-color:var(--accent);color:var(--accent)}.emp-btn.danger{color:var(--danger);background:#ff6b6b1f;border-color:#ff6b6b47}.emp-btn.danger:hover{background:#ff6b6b38}.not-found-page{text-align:center;place-content:center;justify-items:center;gap:10px;min-height:70vh;padding:40px 20px 60px;display:grid}.not-found-art{border-radius:16px;width:min(520px,92vw);height:auto;margin-bottom:8px;box-shadow:0 20px 50px #00000059}.not-found-code{font-family:var(--font-display);letter-spacing:-.04em;color:var(--accent);margin:0;font-size:clamp(2.8rem,8vw,4.2rem);font-weight:800;line-height:1}.not-found-page h1{margin:0;font-size:1.45rem;font-weight:700}.not-found-copy{color:var(--text-muted);max-width:36ch;margin:0 0 12px}.row-action-select,.debt-action-select,.pay-action-select,.svc-action-select,.trash-action-select,.grp-action-select{cursor:pointer;min-width:96px;max-width:120px;min-height:26px;padding:2px 6px;font-size:.72rem}.grp-action-select{min-width:110px;max-width:140px;min-height:28px;padding:2px 8px;font-size:.75rem}.day-nav,.att-day-nav,.grp-day-nav,.adv-day-nav,.masaariif-day-nav,.svc-day-nav{align-items:center;gap:6px;display:flex}.day-nav input,.att-day-nav input,.grp-day-nav input[type=date],.adv-day-nav input,.masaariif-day-nav input,.svc-day-nav input{flex:140px;min-width:150px;max-width:100%}.day-nav .btn,.att-day-nav .btn,.grp-day-nav .btn,.adv-day-nav .btn,.masaariif-day-nav .btn,.svc-day-nav .btn{min-height:40px;padding:0 10px}.table-search-bar{margin-bottom:10px}.table-search-input{width:100%;max-width:280px;min-height:36px}:root{--black:#060a12;--navy:#0f1f38;--accent:#ffb020;--accent-hover:#f0a010;--fog:#eef3fb;--success:#2dd4a0;--danger:#ff6b6b;--warning:#ffc14d;--info:#5cb8ff;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--shadow:0 16px 44px #060a125c;--shadow-soft:0 10px 26px #060a1233;--shadow-glow:0 12px 32px #ffb02047;--font-ui:"Poppins", sans-serif;--font-display:"Poppins", sans-serif;--font-body:"Poppins", sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--transition:.24s cubic-bezier(.22, 1, .36, 1)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060a12;--bg-elevated:#0b1322;--surface:#122744;--surface-2:#183455;--surface-hover:#214168;--text:#f4f7fc;--text-muted:#9eacc4;--border:#eef3fb24;--input-bg:#0c1728;--input-text:#f4f7fc;--option-bg:#122744;--option-text:#f4f7fc;--sidebar:#040812;--chart-grid:#eef3fb17;--overlay:#0408129e;--tooltip-bg:#122744}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9eef7;--bg-elevated:#f4f7fc;--surface:#fff;--surface-2:#f7faff;--surface-hover:#eef3fb;--text:#0f1f38;--text-muted:#5d6d88;--border:#0f1f381f;--input-bg:#fff;--input-text:#0f1f38;--option-bg:#fff;--option-text:#0f1f38;--sidebar:#0f1f38;--chart-grid:#0f1f3814;--overlay:#0f1f3861;--tooltip-bg:#fff}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:var(--font-body);overflow-x:hidden}html,body,#root{min-width:0;min-height:100%}body{font-family:var(--font-body);font-size:16px;font-weight:var(--fw-regular);background:radial-gradient(1100px 520px at 8% -12%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 58%), radial-gradient(900px 420px at 100% 0%, color-mix(in srgb, var(--info) 14%, transparent), transparent 52%), radial-gradient(700px 360px at 50% 100%, color-mix(in srgb, var(--success) 8%, transparent), transparent 55%), var(--bg);color:var(--text);transition:background var(--transition), color var(--transition);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.brand,.card-title,.page-header h1,.modal h2{font-family:var(--font-display);font-weight:var(--fw-extrabold);letter-spacing:-.02em;color:var(--text)}h1{font-weight:var(--fw-extrabold)}h2{font-weight:var(--fw-bold)}h3,h4{font-weight:var(--fw-semibold)}a{color:inherit;text-decoration:none}button,input,select,textarea,option,.btn,.nav-item,.nav-label,.data-table,.dt,.field label{font-family:var(--font-body)}button,input,select,textarea,option{font-size:inherit;line-height:inherit}button,.btn{font-weight:var(--fw-semibold)}.field label,.muted,.auth-lead,.auth-brand-sub{font-weight:var(--fw-medium)}.btn-primary,.auth-submit,.auth-brand,.auth-page-title,.auth-login-title{font-weight:var(--fw-bold)}button,input,select,textarea{color:var(--text)}button{cursor:pointer;background:0 0;border:none}input,select,textarea,.search-input{color:var(--input-text);background:var(--input-bg);border:1px solid var(--border);border-radius:12px;outline:none}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--accent) 50%), linear-gradient(135deg, var(--accent) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px}select option,select optgroup{background-color:var(--option-bg);color:var(--option-text);font-family:var(--font-body)}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}.app-shell{background:radial-gradient(ellipse 80% 50% at 20% -10%, #fca3111f, transparent), radial-gradient(ellipse 60% 40% at 100% 0%, #14213d8c, transparent), var(--bg);grid-template-columns:72px 1fr;height:100dvh;max-height:100dvh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.app-shell.is-sidebar-expanded{grid-template-columns:220px 1fr}[data-theme=light] .app-shell{background:radial-gradient(ellipse 80% 50% at 10% -10%, #fca3112e, transparent), radial-gradient(ellipse 50% 40% at 100% 0%, #14213d14, transparent), var(--bg)}.main-area{flex-direction:column;min-width:0;height:100%;min-height:0;padding:18px 22px 28px;display:flex;overflow:auto}:is(.main-area:has(.grid-dashboard),.main-area:has(.dash-shell)){padding:10px 14px;overflow:hidden}.main-area:has(.grid-reports){padding-bottom:14px;overflow:auto}:is(.main-area:has(.grid-dashboard) .top-header,.main-area:has(.dash-shell) .top-header,.main-area:has(.grid-reports) .top-header){flex-shrink:0;margin-bottom:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);padding:20px}.card:hover{box-shadow:var(--shadow), var(--shadow-glow);transform:translateY(-3px)}.card-title{margin:0;font-size:1.12rem;font-weight:700}.card-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.btn{min-height:44px;font-weight:var(--fw-bold);transition:transform var(--transition), background var(--transition), opacity var(--transition);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-hover)}.btn-danger{color:var(--danger);background:#e74c3c26;border:1px solid #e74c3c4d}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);letter-spacing:.01em;font-size:.9rem;font-weight:600}.field input,.field select,.field textarea,.search-input{border:1px solid var(--border);background-color:var(--input-bg);width:100%;min-height:48px;color:var(--input-text);box-shadow:var(--shadow-soft);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);border-radius:14px;outline:none;padding:11px 14px;font-size:.98rem}.field select{background-color:var(--input-bg);background-image:linear-gradient(45deg, transparent 50%, var(--accent) 50%), linear-gradient(135deg, var(--accent) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f5a62338, var(--shadow-glow);transform:translateY(-1px)}.field-error{color:var(--danger);font-size:.78rem}.search-select{width:100%;min-width:0;position:relative}.search-select-trigger{border:1px solid var(--border);background:var(--input-bg);width:100%;min-height:36px;color:var(--input-text);text-align:left;box-shadow:var(--shadow-soft);transition:border-color var(--transition), box-shadow var(--transition);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:.82rem;font-weight:600;display:flex}.search-select-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.search-select.is-open .search-select-trigger,.search-select-trigger:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-soft), 0 0 0 3px #ffb02033;outline:none}.search-select-trigger:disabled{opacity:.55;cursor:not-allowed}.search-select-value,.search-select-placeholder{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-select-placeholder{color:var(--text-muted);font-weight:500}.search-select-chevron{color:var(--accent);transition:transform var(--transition);flex-shrink:0}.search-select.is-open .search-select-chevron{transform:rotate(180deg)}.search-select-menu{z-index:120;border:1px solid var(--border);background:var(--surface);max-height:min(220px,42dvh);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.search-select-search{border-bottom:1px solid var(--border);background:var(--surface-2);flex-shrink:0;padding:6px}.search-select-search input{border:1px solid var(--border);background:var(--input-bg);width:100%;min-height:30px;color:var(--input-text);border-radius:8px;padding:4px 8px;font-size:.78rem}.search-select-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0;padding:4px;list-style:none;overflow-y:auto}.search-select-option{width:100%;color:var(--text);text-align:left;cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:.78rem;font-weight:600;line-height:1.25;display:block}.search-select-option:hover,.search-select-option:focus-visible{background:var(--surface-hover);outline:none}.search-select-option.is-selected{color:var(--accent);background:#ffb02029}.search-select-option.is-muted{color:var(--text-muted);font-weight:500}.search-select-empty{color:var(--text-muted);text-align:center;padding:10px 8px;font-size:.75rem}@media (width<=640px){.search-select-menu{max-height:min(200px,38dvh)}.search-select-trigger{min-height:40px;font-size:.85rem}.search-select-option{padding:8px 10px;font-size:.82rem}}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{color:var(--success);background:#2ecc7126}.badge-warning{color:var(--warning);background:#f39c1226}.badge-danger{color:var(--danger);background:#e74c3c26}.badge-info{color:var(--info);background:#3498db26}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:8px;max-width:100%;overflow:auto}.dt{flex-direction:column;gap:12px;min-width:0;display:flex}.dt-wrap{border:1px solid var(--border);-webkit-overflow-scrolling:touch;border-radius:8px;max-width:100%;overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;min-width:720px}table.data-table th,table.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:.875rem}table.data-table th{color:var(--text-muted);background:color-mix(in srgb, var(--surface-2) 88%, transparent);white-space:nowrap;font-size:.8rem;font-weight:600}table.data-table tbody tr:last-child td{border-bottom:0}table.data-table tr:hover td{background:var(--surface-hover)}.dt-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dt-pagination{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}.dt-pagination-info{margin:0}.dt-pagination-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.dt-page-size{align-items:center;gap:8px;display:flex}.dt-page-size select{min-height:32px;box-shadow:none;border-radius:6px;padding:4px 28px 4px 8px;font-size:.8rem}.dt-page-status{color:var(--text);font-weight:600}.dt-page-btns{gap:4px;display:flex}.dt-page-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text);border-radius:6px;place-items:center;display:grid}.dt-page-btn:hover:not(:disabled){background:var(--surface-hover)}.dt-page-btn:disabled{opacity:.4;cursor:not-allowed}.grid-dashboard .dt,.grid-reports .dt{flex:1;min-height:0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.page-header h1{margin:0;font-size:clamp(1.55rem,2.2vw,1.9rem);font-weight:700}.page-header p{color:var(--text-muted);margin:6px 0 0;font-size:.95rem}.page-header-action{flex-shrink:0;align-self:flex-end;margin-left:auto}.grid-dashboard{flex:1;grid-template-rows:132px minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(200px,.75fr);gap:6px;min-height:0;display:grid;overflow:hidden}.dash-charts-row{grid-area:1/1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:6px;height:132px;min-height:132px;max-height:132px;display:grid}.dash-charts-row>.card.dash-mini-chart{height:100%;min-height:0;max-height:132px}.grid-dashboard>.card,.grid-dashboard .dash-charts-row>.card,.grid-dashboard .right-col>.card{flex-direction:column;min-height:0;padding:6px 8px;display:flex;overflow:hidden}.grid-dashboard>.card>div:first-child,.grid-dashboard .dash-charts-row>.card>div:first-child,.grid-dashboard .right-col>.card>div:first-child{gap:6px!important;margin-bottom:4px!important}.grid-dashboard>.card:hover,.grid-dashboard .dash-charts-row>.card:hover,.grid-dashboard .right-col>.card:hover{transform:none}.grid-dashboard .card-title{font-size:.82rem}.grid-dashboard .card-subtitle{font-size:.68rem}.grid-dashboard .card-title+.card-subtitle{margin-top:1px}.grid-dashboard .right-col{grid-area:1/2/-1;grid-template-rows:auto auto;align-content:start;gap:6px;min-height:0;display:grid;overflow:hidden}.grid-dashboard .dash-chart{flex:1;min-height:0;position:relative}.grid-dashboard .dash-table-wrap{flex:1;min-height:0;overflow:auto}.grid-dashboard .span-2{grid-area:2/1;min-height:0;overflow:hidden}.grid-dashboard .span-2 .dt-pagination{flex-shrink:0;padding-top:4px;font-size:.7rem}.grid-dashboard .data-table th,.grid-dashboard .data-table td{padding:3px 6px;font-size:.7rem}.grid-dashboard .dt-page-btn{width:24px;height:24px}.grid-dashboard .field{gap:3px}.grid-dashboard .field label{font-size:.7rem}.grid-dashboard .field input,.grid-dashboard .field select{border-radius:7px;min-height:28px;padding:3px 7px;font-size:.74rem}.grid-dashboard .btn{border-radius:7px;min-height:28px;padding:0 8px;font-size:.72rem}.grid-reports{flex:1;grid-template-rows:auto auto minmax(0,1.2fr) minmax(0,.85fr);gap:10px;min-height:0;display:grid;overflow:hidden}.grid-reports .reports-header{flex-shrink:0;margin-bottom:0}.grid-reports .reports-header h1{font-size:1.35rem}.grid-reports .reports-header p{margin-top:2px;font-size:.85rem}.reports-stats{flex-shrink:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.reports-stat{background:linear-gradient(165deg, #ffb02014, transparent 55%), var(--surface);border:1px solid var(--border);min-width:0;min-height:54px;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:0 6px 14px #060a1229}.reports-stat:hover{border-color:#ffb02066;transform:translateY(-2px);box-shadow:0 10px 18px #ffb02024}.reports-stat-mark{width:28px;height:28px;font-size:.72rem;font-weight:800;font-family:var(--font-display);color:#111;background:linear-gradient(145deg,#ffb020,#f0a010);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.reports-stat-copy{flex:1;min-width:0}.reports-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:700;line-height:1.2}.reports-stat-value{font-size:.92rem;font-weight:800;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;line-height:1.2;overflow:hidden}.reports-stat.tone-info .reports-stat-mark{background:linear-gradient(145deg,#7dd3fc,#38bdf8)}.reports-stat.tone-accent .reports-stat-mark{background:linear-gradient(145deg,#ffb020,#f0a010)}.reports-stat.tone-violet .reports-stat-mark{color:#1a1028;background:linear-gradient(145deg,#c4b5fd,#8b5cf6)}.reports-stat.tone-gold .reports-stat-mark{background:linear-gradient(145deg,#fde68a,#f59e0b)}.reports-stat.tone-ok .reports-stat-mark{background:linear-gradient(145deg,#6ee7b7,#10b981)}.reports-stat.tone-warn .reports-stat-mark{background:linear-gradient(145deg,#fda4af,#fb7185)}.reports-stat.tone-info{border-color:#38bdf847}.reports-stat.tone-ok{border-color:#10b98147}.reports-stat.tone-warn{border-color:#fb718547}.reports-remaining{font-size:.78rem;font-weight:700;font-family:var(--font-display);color:var(--accent)}.reports-mid{grid-template-columns:1.4fr 1fr;gap:10px;min-height:0;display:grid}.grid-reports>.card,.reports-mid>.card{flex-direction:column;min-height:0;padding:12px;display:flex;overflow:hidden}.grid-reports>.card:hover,.reports-mid>.card:hover{transform:none}.reports-chart{flex:1;min-height:0}.reports-scroll{flex:1;min-height:0;overflow:auto}.grid-reports .card-title{font-size:.95rem}.grid-reports .card-subtitle{font-size:.75rem}.grid-reports .empty{padding:16px 8px}.form-hint{color:var(--text-muted);margin:8px 0 0;font-size:.8rem}.Toastify__toast-container--top-center{width:min(420px,100vw - 24px);transform:translate(-50%);top:16px!important;left:50%!important}.Toastify__toast{font-family:var(--font-body);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.Toastify__toast--success{border-color:#2ecc7173;background:var(--navy)!important;color:var(--fog)!important}.Toastify__toast--error{border-color:#e74c3c73;background:var(--navy)!important;color:var(--fog)!important}.Toastify__toast--info{border-color:#fca31173;background:var(--navy)!important;color:var(--fog)!important}.Toastify__progress-bar--success{background:var(--success)}.Toastify__progress-bar--error{background:var(--danger)}.Toastify__progress-bar--info{background:var(--accent)}.Toastify__close-button{color:var(--fog);opacity:.7}.modal--stack{z-index:1}.modal-root:has(.modal--stack){z-index:920}.modal-backdrop{background:#00000080;position:absolute;inset:0}.modal-center{pointer-events:none;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal{pointer-events:auto;background:var(--surface);border:1px solid var(--border);width:min(512px,100%);max-height:min(90dvh,900px);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:16px;min-width:0;padding:24px;display:flex;position:relative}.modal--wide{width:min(720px,100vw - 32px);max-width:100%}.modal--compact{gap:12px;width:min(420px,100vw - 32px);max-width:100%;padding:16px}.modal--compact h2{margin:0;font-size:1rem}.modal--compact .field{gap:4px}.modal--compact .field label{font-size:.72rem}.modal--compact input,.modal--compact textarea,.modal--compact select{padding:6px 8px;font-size:.8rem}.modal--compact .btn{padding:5px 10px;font-size:.75rem}.modal-header{flex-shrink:0;padding-right:28px}.modal h2{letter-spacing:0;margin:0;font-size:1.125rem;font-weight:600;line-height:1.25}.modal-close{width:28px;height:28px;color:var(--text-muted);border-radius:6px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--surface-hover);color:var(--text)}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-width:0;min-height:0;overflow-y:auto}.modal-body .field{min-width:0}.modal-body .field input,.modal-body .field select,.modal-body .field textarea,.modal-body .search-select-trigger{width:100%;max-width:100%;min-height:36px;box-shadow:var(--shadow-soft);border-radius:8px;padding:8px 10px;font-size:.875rem}.modal-body .search-select-menu{z-index:20}.modal-body .field input:focus,.modal-body .field select:focus,.modal-body .field textarea:focus{box-shadow:var(--shadow-soft), 0 0 0 3px #ffb02038;transform:none}.modal-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.modal-actions .btn{border-radius:8px;min-height:36px;padding:0 16px;font-size:.875rem}.form-stack{gap:12px;min-width:0;display:grid}.form-stack--xs{gap:4px;min-height:0}.form-stack--lg{gap:14px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;min-width:0;display:grid}.form-grid-2--tight{gap:6px}.form-grid-2>.field-span-2{grid-column:1/-1}.detail-meta,.debt-detail-meta,.pay-detail-meta,.svc-detail-meta,.grp-detail-meta,.trash-detail-meta,.trash-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;min-width:0;display:grid}.detail-view,.debt-detail-view,.pay-detail-view,.svc-detail-view,.grp-detail-view,.trash-detail{gap:12px;min-width:0;display:grid}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));align-items:stretch;gap:10px;display:grid}.settings-grid>.card{flex-direction:column;height:100%;padding:10px 12px;display:flex}.settings-grid>.card:hover{transform:translateY(-1px)}.settings-grid>.card>div:first-child{gap:6px!important;margin-bottom:6px!important}.settings-grid .card-title{margin-bottom:0;font-size:.88rem}.settings-grid .card-subtitle{font-size:.7rem;line-height:1.3;margin:2px 0 6px!important}.settings-grid .form-stack{flex:1;gap:7px}.settings-grid .field{gap:3px}.settings-grid .field label{font-size:.68rem}.settings-grid .field input,.settings-grid .field select{border-radius:8px;min-height:32px;padding:4px 8px;font-size:.8rem}.settings-grid .btn{border-radius:8px;min-height:32px;padding:0 10px;font-size:.78rem}.settings-branch-list{gap:4px;max-height:110px;margin:0 0 8px;padding:0;list-style:none;display:grid;overflow-y:auto}.settings-branch-list li{border:1px solid var(--border);background:var(--surface-2);border-radius:7px;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding:4px 7px;display:flex}.settings-branch-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.settings-branch-list .muted{flex-shrink:0;font-size:.65rem}.form-grid-2 .field textarea{min-height:72px}@media (width<=900px){.modal-center{padding:14px}.modal{width:min(512px,100%);max-height:min(88dvh,900px);padding:18px}.modal--wide{width:min(640px,100vw - 32px);max-width:100%}.modal--compact{width:min(420px,100vw - 32px);max-width:100%}.modal h2{font-size:1.05rem}}@media (width<=640px){.form-grid-2,.grp-mini-row,.att-maqan-form,.detail-meta,.debt-detail-meta,.pay-detail-meta,.svc-detail-meta,.grp-detail-meta,.trash-detail-meta,.trash-detail-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions .btn{width:100%;min-height:44px}.modal-close{width:32px;height:32px;top:12px;right:12px}.modal-header{padding-right:36px}}.auth-form{gap:14px;min-width:0;display:grid}.auth-page{background:radial-gradient(1200px 600px at 50% -20%,#ffb0201a,#0000 60%),linear-gradient(165deg,#0b1524 0%,#070d18 45%,#05080f 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 72%)}.auth-orb{filter:blur(70px);pointer-events:none;opacity:.7;border-radius:50%;position:absolute}.auth-orb-1{background:radial-gradient(circle,#ffb0206b,#0000 68%);width:420px;height:420px;animation:16s ease-in-out infinite auth-float-a;top:-140px;left:-120px}.auth-orb-2{background:radial-gradient(circle,#4084ff52,#0000 68%);width:480px;height:480px;animation:20s ease-in-out infinite auth-float-b;bottom:-180px;right:-160px}@keyframes auth-float-a{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(40px,30px)scale(1.08)}}@keyframes auth-float-b{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-46px,-34px)scale(1.06)}}.auth-card{z-index:1;-webkit-backdrop-filter:blur(18px);width:min(430px,100%);color:var(--fog);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);background:linear-gradient(168deg,#182947eb,#0a1220f0);border:1px solid #ffffff17;border-radius:26px;padding:30px 28px 26px;position:relative;overflow:hidden;box-shadow:0 32px 80px #02060e9e,inset 0 1px #ffffff12}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#ffb020d9,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.auth-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffb02029,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-110px;right:-80px}.auth-card h1{font-size:1.8rem;font-family:var(--font-display);margin:8px 0 4px}.auth-head{justify-content:center;align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth-head-text{text-align:center;justify-items:center;gap:2px;min-width:0;display:grid}.auth-card .auth-brand{color:var(--fog);letter-spacing:.01em;font-size:1.02rem;font-weight:700;line-height:1.1}.auth-brand-sub{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:500}.auth-card h1.auth-login-title{letter-spacing:-.02em;color:var(--fog);text-align:center;margin:0 0 6px;font-size:clamp(1.85rem,5.4vw,2.15rem);font-weight:800;line-height:1.12}.auth-card h1.auth-page-title{letter-spacing:-.02em;color:var(--fog);text-align:center;margin:0 0 8px;font-size:clamp(1.55rem,4.5vw,1.85rem);font-weight:800;line-height:1.15}.auth-lead{color:var(--text-muted);text-align:center;margin:0 0 24px;font-size:.86rem;line-height:1.5}.auth-lead-center{text-align:center}.auth-dev-code{text-align:center;background:color-mix(in srgb, var(--accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:12px;margin:0 0 18px;padding:14px 16px}.auth-dev-code-label{color:var(--text-muted);margin-bottom:6px;font-size:.78rem}.auth-dev-code-value{letter-spacing:10px;color:var(--accent);font-size:1.75rem;font-weight:800}.auth-card .auth-code-input{letter-spacing:8px;text-align:center;font-size:1.25rem;font-weight:700}.auth-verify-card{text-align:center}.auth-verify-badge{color:#10192b;background:linear-gradient(145deg, var(--accent), var(--accent-hover));border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 14px;display:grid;box-shadow:0 12px 28px #ffb02052}.auth-verify-steps{justify-content:center;align-items:center;gap:8px;margin:0 auto 22px;display:flex}.auth-verify-dot{background:#ffffff2e;border-radius:50%;width:9px;height:9px;transition:background .22s,box-shadow .22s,transform .22s}.auth-verify-dot.is-on{background:var(--accent);transform:scale(1.15);box-shadow:0 0 0 4px #ffb0202e}.auth-verify-dot.is-done{background:color-mix(in srgb, var(--accent) 70%, #fff)}.auth-verify-line{background:linear-gradient(90deg,#ffb0208c,#ffffff1f);border-radius:999px;width:42px;height:2px}.auth-verify-card .auth-form{text-align:left}.otp-stage{place-items:center;min-height:108px;margin:4px 0 2px;display:grid;position:relative}.otp-orbit{pointer-events:none;opacity:0;width:118px;height:118px;transition:opacity .24s,transform .24s;position:absolute;transform:scale(.86)}.otp-stage.is-spinning .otp-orbit{opacity:1;transform:scale(1)}.otp-orbit-ring{border:2px solid #0000;border-top-color:var(--accent);border-right-color:color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;width:100%;height:100%;animation:.9s linear infinite otp-spin;display:block;box-shadow:0 0 22px #ffb02040}.otp-boxes{z-index:1;justify-content:center;gap:10px;display:flex;position:relative}.otp-box{color:#f4f7fc;text-align:center;letter-spacing:0;width:52px;height:58px;caret-color:var(--accent);background:#09111fe6;border:1px solid #ffffff1f;border-radius:14px;outline:none;font-size:1.35rem;font-weight:800;transition:border-color .16s,box-shadow .16s,transform .16s}.otp-box:hover:not(:disabled){border-color:#ffb02059}.otp-box:focus{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 3px #ffb0202e}.otp-box.has-value{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 10%, #09111ff2)}.otp-box:disabled{opacity:.72}.otp-actions{justify-content:space-between;gap:12px;margin-top:2px;display:flex}.otp-link-btn{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:600}.otp-link-btn:hover:not(:disabled){color:var(--accent)}.otp-link-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes otp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.otp-orbit-ring{border-color:var(--accent);animation:none}}.auth-card .muted{color:var(--text-muted);margin-bottom:22px}.auth-card .field label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:600}.auth-input-wrap{position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;transition:color .18s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-card .auth-input{border-radius:14px;min-height:48px;padding-left:42px}.auth-input-wrap:focus-within .auth-input-icon{color:var(--accent)}.auth-card .auth-submit{letter-spacing:.01em;background:linear-gradient(135deg, var(--accent), var(--accent-hover));border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:6px;font-size:.95rem;font-weight:700;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 14px 30px #ffb02042}.auth-card .auth-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 18px 38px #ffb02057}.auth-card .auth-submit:active:not(:disabled){transform:translateY(0)}.auth-card .auth-submit:disabled{opacity:.72;box-shadow:none}.auth-btn-spinner{border:2px solid #10192b59;border-top-color:#10192b;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.auth-links{border-top:1px solid #ffffff12;justify-content:center;align-items:center;gap:12px;margin-top:22px;padding-top:18px;font-size:.82rem;display:flex}.auth-links a{color:var(--text-muted);text-decoration:none;transition:color .16s}.auth-links a:hover{color:var(--accent)}.auth-links-dot{background:#ffffff38;border-radius:50%;width:3px;height:3px}@media (prefers-reduced-motion:reduce){.auth-orb{animation:none}}.password-input-wrap{position:relative}.password-input-wrap .password-input{padding-right:48px}.password-toggle{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{color:var(--accent)}.auth-card input,.auth-card input[type=email],.auth-card input[type=password],.auth-card input[type=text]{border-color:#e5e5e51f;border-radius:14px;min-height:48px;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:inset 0 1px #ffffff08;color:#f4f7fc!important;-webkit-text-fill-color:#f4f7fc!important;caret-color:#f4f7fc!important;background-color:#09111fd9!important}.auth-card input:hover:not(:focus){border-color:#ffb02047}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffb02029}.auth-card input::placeholder{opacity:1;color:#9eacc4!important;-webkit-text-fill-color:#9eacc4!important}.auth-card input:-webkit-autofill{transition:background-color 99999s ease-in-out;-webkit-text-fill-color:#f4f7fc!important;caret-color:#f4f7fc!important;background-color:#0a121f!important;box-shadow:inset 0 0 0 1000px #0a121f!important}.auth-card input:-webkit-autofill:hover{transition:background-color 99999s ease-in-out;-webkit-text-fill-color:#f4f7fc!important;caret-color:#f4f7fc!important;background-color:#0a121f!important;box-shadow:inset 0 0 0 1000px #0a121f!important}.auth-card input:-webkit-autofill:focus{transition:background-color 99999s ease-in-out;-webkit-text-fill-color:#f4f7fc!important;caret-color:#f4f7fc!important;background-color:#0a121f!important;box-shadow:inset 0 0 0 1000px #0a121f!important}.auth-card input:-webkit-autofill:active{transition:background-color 99999s ease-in-out;-webkit-text-fill-color:#f4f7fc!important;caret-color:#f4f7fc!important;background-color:#0a121f!important;box-shadow:inset 0 0 0 1000px #0a121f!important}.spinner{border:3px solid #fca31140;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--text-muted);padding:36px 16px}@media (width<=1200px){.main-area:has(.grid-reports){overflow:auto}.grid-dashboard{grid-template-rows:132px auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:hidden}.dash-charts-row{grid-area:1/1}.grid-dashboard .span-2{grid-area:3/1}.grid-dashboard .right-col{grid-area:2/1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid-dashboard .dash-chart{min-height:0}.grid-reports{grid-template-rows:none;height:auto;overflow:visible}.reports-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-mid{grid-template-columns:1fr}.reports-chart{min-height:200px}}@media (width<=900px){.app-shell,.app-shell.is-sidebar-expanded{grid-template-columns:1fr;height:auto;min-height:100dvh;max-height:none;overflow:visible}.app-shell:has(.dash-shell){height:100dvh;max-height:100dvh;overflow:hidden}.main-area{padding:12px 12px calc(16px + env(safe-area-inset-bottom,0px));height:auto;overflow:visible}.main-area:has(.grid-reports){overflow:visible}:is(.main-area:has(.grid-dashboard),.main-area:has(.dash-shell)){height:100%;overflow:hidden}.page-header{flex-direction:column;align-items:stretch;gap:10px}.page-header>div:last-child,.page-header .emp-header-actions,.page-header .svc-header-actions,.page-header .adv-header-actions,.page-header .att-header-actions,.page-header .grp-head-actions{width:100%;margin-left:0}.day-nav,.month-nav,.emp-month-nav,.att-day-nav,.grp-day-nav,.adv-day-nav,.masaariif-day-nav,.svc-day-nav{flex-wrap:wrap;width:100%}.day-nav input,.month-nav input,.emp-month-nav input,.att-day-nav input,.grp-day-nav input[type=date],.adv-day-nav input,.masaariif-day-nav input,.svc-day-nav input{flex:1;min-width:0}.grp-pick{gap:8px}.grp-pick .field{width:100%;min-width:0;max-width:none}.grp-pick .grp-day-nav{width:100%}.table-search-input{max-width:none}.page-header h1{font-size:1.35rem}.page-header p{font-size:.85rem}.card{padding:14px}.dash-charts-row{grid-template-columns:1fr;gap:6px;height:auto;min-height:0;max-height:none}.dash-charts-row>.card.dash-mini-chart{min-height:110px;max-height:none}.grid-dashboard{grid-column:auto;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:hidden}.grid-dashboard .span-2{grid-area:3/1}.grid-dashboard .right-col{grid-area:2/1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}.reports-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.main-area{padding:10px 10px calc(14px + env(safe-area-inset-bottom,0px))}.page-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.page-header h1{font-size:1.22rem}.page-header>.btn:not(.page-header-action),.page-header .field,.page-header>select,.att-header-actions{width:100%}.page-header>.btn.page-header-action{align-self:flex-end;width:auto;margin-left:auto}.att-header-actions .field{flex:1;min-width:0}.card{padding:12px}.card:hover{transform:none}.field input,.field select,.field textarea,.search-input{min-height:44px;font-size:16px}.modal-center{padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom,12px))}.modal,.modal--compact,.modal--wide{gap:12px;width:100%;max-height:min(92dvh,900px);padding:16px}.modal-body .field input,.modal-body .field select,.modal-body .field textarea,.modal-body .search-select-trigger{min-height:44px;font-size:16px}.auth-page{padding:16px 12px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.auth-card{border-radius:18px;padding:20px 16px}.auth-card h1{font-size:1.45rem}.reports-stats{grid-template-columns:1fr 1fr}.reports-stat{min-height:48px;padding:8px}.empty{padding:24px 12px}.dt-pagination-controls{justify-content:space-between;width:100%;margin-left:0}}@media (width>=641px) and (width<=1024px){.main-area{padding:14px 16px 20px}.page-header h1{font-size:1.45rem}}.main-area:has(.dash-shell) .dash-hero{-webkit-backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a}.main-area:has(.dash-shell) .dash-hr-card{-webkit-backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a}.main-area:has(.dash-shell) .grid-dashboard>.card{-webkit-backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a}.main-area:has(.dash-shell) .grid-dashboard .dash-charts-row>.card{-webkit-backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a}.main-area:has(.dash-shell) .grid-dashboard .right-col>.card{-webkit-backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a}.main-area:has(.dash-shell) .dash-hero{padding:8px 10px}.main-area:has(.dash-shell) button.dash-hr-card:hover{background:#ffffff24}.main-area:has(.dash-shell) .dash-hr-card-off{background:#ff6b6b1f}