@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:Poppins,system-ui,-apple-system,sans-serif}[dir=rtl]{font-family:Noto Sans Arabic,Poppins,system-ui,-apple-system,sans-serif}[data-theme=dark] body{color:#fff;background:#0a0e27}[data-theme=light] body{color:#1e293b;background:#f0f2f5}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border,#ffffff26);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#ffffff4d)}*{scrollbar-width:thin;scrollbar-color:var(--border,#ffffff26) transparent}.app-main-wrapper{box-sizing:border-box;flex-direction:column;min-height:100vh;display:flex}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--card,#1e293b);color:var(--text,#f1f5f9);pointer-events:auto;border-left:4px solid #0000;border-radius:8px;align-items:center;gap:12px;min-width:250px;max-width:400px;padding:12px 16px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards toastSlideIn;display:flex;box-shadow:0 4px 15px #0003}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-warning{border-left-color:#f59e0b}.toast-icon{font-size:1.2rem;line-height:1}.toast-message{word-break:break-word;flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast-close{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;padding:0 0 0 8px;font-size:1.2rem;line-height:1;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.bs-compact{align-items:center;gap:.5rem;display:flex}.bs-select{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;outline:none;max-width:160px;padding:.4rem .65rem;font-size:.8rem;font-weight:500;transition:border-color .2s}.bs-select:focus{border-color:var(--accent)}.bs-select-store{max-width:140px}.bs-selector{position:relative}.bs-trigger{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:.6rem;width:100%;padding:.5rem .75rem;transition:border-color .2s,background .2s;display:flex}.bs-trigger:hover{border-color:var(--accent);background:var(--hover)}.bs-trigger-icon{font-size:1.1rem}.bs-trigger-text{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.bs-trigger-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:600}.bs-trigger-value{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.bs-chevron{color:var(--text-muted);font-size:.8rem;transition:transform .2s}.bs-chevron.open{transform:rotate(180deg)}.bs-dropdown{background:var(--card);border:1px solid var(--border);z-index:100;border-radius:12px;flex-direction:column;gap:.75rem;padding:.75rem;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 30px #0003}.bs-dropdown-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-size:.7rem;font-weight:700;display:block}.bs-option{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.45rem .65rem;font-size:.82rem;transition:background .15s;display:block}.bs-option:hover{background:var(--hover)}.bs-option.active{background:var(--accent);color:#fff;font-weight:600}.bs-loading{color:var(--text-muted);text-align:center;padding:.5rem;font-size:.78rem}.app-layout{--bg:#0f172a;--card:#1e293b;--surface:#1a2332;--border:#ffffff0f;--border-subtle:#ffffff0f;--hover:#ffffff0a;--text:#f1f5f9;--text-muted:#94a3b8;--text-nav:#cbd5e1;--text-nav-hover:#f1f5f9;--nav-hover:#ffffff0f;--accent:#3b82f6;--accent-glow:#3b82f626;--primary:#3b82f6;--primary-dark:#2563eb}.app-layout[data-theme=light]{--bg:#eef2f6;--card:#fff;--surface:#f8fafc;--border:#e2e8f0;--border-subtle:#0000000f;--hover:#00000008;--text:#1e293b;--text-muted:#64748b;--text-nav:#475569;--text-nav-hover:#1e293b;--nav-hover:#0000000a;--accent:#3b82f6;--accent-glow:#3b82f61a;--primary:#3b82f6;--primary-dark:#1e40af}.app-layout{background:var(--bg);height:100vh;color:var(--text);flex-direction:row;gap:0;padding:0;font-family:Poppins,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.app-main-card{background:var(--card);border:1px solid #9696961a;border-radius:12px;flex-direction:column;flex:1;width:100%;min-height:0;padding:1.25rem;display:flex;position:relative;overflow:hidden auto;box-shadow:0 4px 15px -3px #0000000d,0 2px 5px -2px #00000008}.app-sidebar{z-index:50;background:0 0;flex-direction:column;flex-shrink:0;width:280px;height:100%;transition:width .25s;display:flex}.app-sidebar.collapsed{width:60px;overflow:visible}.app-sidebar-brand{flex-shrink:0;align-items:center;gap:.75rem;height:70px;padding:0 1.5rem;display:flex}.app-sidebar.collapsed .app-sidebar-brand{justify-content:center;padding:0}.app-brand-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.6rem;display:flex;overflow:hidden}.app-brand-icon img{object-fit:contain;width:100%;height:100%}.app-brand-text{min-width:0;overflow:hidden}.app-brand-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;line-height:1.2;overflow:hidden}.app-brand-sub{color:var(--text-muted);font-size:.72rem}.app-sidebar-nav{scrollbar-width:thin;scrollbar-color:#00000026 transparent;flex:1;padding:.75rem 0;overflow-y:auto}.app-sidebar-nav::-webkit-scrollbar{width:6px}.app-sidebar-nav::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.app-sidebar.collapsed .app-sidebar-nav{overflow:visible}.app-section-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:1rem 0 .5rem 1.25rem;font-size:.6rem;font-weight:800;display:block}.app-nav-items{flex-direction:column;gap:.5rem;padding:0 1rem;display:flex}.app-nav-link,.app-menu-header{color:var(--text-nav);cursor:pointer;background:0 0;border:none;border-radius:20px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.app-nav-link:hover,.app-menu-header:hover{background:var(--nav-hover);color:var(--text-nav-hover)}.app-nav-link.active{background:var(--accent-glow);color:var(--accent);font-weight:700}.app-nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:1.1rem}.app-menu-group{margin-bottom:0}.app-menu-header-left{align-items:center;gap:.5rem;display:flex}.app-header-collapse-toggle{background:var(--surface);border:1px solid var(--border-subtle);color:var(--text);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .2s;display:flex}.app-header-collapse-toggle:hover{background:var(--hover);color:var(--primary);border-color:var(--primary)}.app-collapse-icon{color:var(--text-muted);opacity:.7;font-size:.55rem;transition:transform .25s}.app-collapse-icon.open{transform:rotate(-180deg)}.app-submenu{opacity:0;flex-direction:column;gap:.4rem;max-height:0;margin:0;padding-left:2.5rem;transition:max-height .3s,margin .3s,opacity .25s;display:flex;overflow:hidden}.app-submenu.app-submenu-open{opacity:1;max-height:600px;margin-top:.15rem;margin-bottom:.25rem}.app-sublink{color:var(--text-muted);padding:.4rem 1rem .4rem 0;font-size:.82rem;text-decoration:none;transition:color .15s;display:block}.app-sublink:hover,.app-sublink.active{color:var(--primary-dark);font-weight:600}.app-sidebar.collapsed .app-nav-items{padding:0 .25rem}.app-sidebar.collapsed .app-nav-link,.app-sidebar.collapsed .app-menu-header{border-radius:10px;justify-content:center;padding:.5rem}.app-sidebar.collapsed .app-menu-header-left{gap:0}.app-sidebar.collapsed .app-submenu{background:var(--card);border:1px solid var(--border-subtle);z-index:1000;opacity:0;visibility:hidden;border-radius:8px;width:220px;margin:0;padding:.5rem;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:0;left:calc(100% + 5px);transform:translate(-10px);box-shadow:0 8px 24px #0006}.app-sidebar.collapsed .app-submenu.app-submenu-up{top:auto;bottom:0}.app-sidebar.collapsed .app-submenu.app-submenu-open{opacity:1;visibility:visible;max-height:calc(100vh - 20px);overflow-y:auto;transform:translate(0)}.app-sidebar.collapsed .app-menu-group{position:relative}.app-sidebar-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;padding:.75rem 1rem}.app-main{background:0 0;flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.app-topbar{z-index:20;background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.app-topbar-left{align-items:center;gap:1rem;display:flex}.app-mobile-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;display:none}.app-breadcrumb{background:var(--surface);border-radius:20px;align-items:center;gap:.35rem;padding:.4rem 1rem;font-size:.85rem;display:flex}.app-breadcrumb-icon{opacity:.5;font-size:.9rem}.app-breadcrumb-text{color:var(--text-muted)}.app-breadcrumb-sep{color:var(--text-muted);opacity:.5}.app-breadcrumb-active{color:var(--text);font-weight:500}.app-topbar-right{align-items:center;gap:.75rem;display:flex}.app-theme-btn{cursor:pointer;opacity:.8;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1;transition:opacity .2s}.app-theme-btn:hover{opacity:1}.app-user-chip{background:var(--surface);border-radius:30px;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.app-user-info{text-align:right;flex-direction:column;padding-left:.75rem;padding-right:.25rem;display:flex}.app-user-name{color:var(--text);font-size:.85rem;font-weight:700;line-height:1.2}.app-user-role{color:var(--text-muted);font-size:.7rem}.app-user-actions{align-items:center;gap:.5rem;margin-top:1px;display:flex}.app-user-action-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem;text-decoration:none}.app-user-action-link:hover{text-decoration:underline}.app-user-dot{color:var(--text-muted);font-size:.7rem;font-weight:700}.app-user-avatar{background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex;overflow:hidden}.app-user-avatar img{object-fit:cover;width:100%;height:100%}.app-logout-btn{cursor:pointer;color:#ef4444;background:0 0;border:none;padding:0;font-size:.7rem;text-decoration:none}.app-logout-btn:hover{text-decoration:underline}.app-content{background:0 0;flex-direction:column;flex:1;min-width:0;padding:.15rem .5rem .5rem;display:flex;overflow:hidden}.app-overlay{display:none}@media (width<=991px){.app-layout,.app-content{padding:0}.app-main-card{border-bottom:none;border-left:none;border-right:none;border-radius:24px 24px 0 0;min-height:calc(100vh - 70px)}.app-sidebar{background:var(--card);z-index:1040;transition:left .3s;position:fixed;top:0;bottom:0;left:-280px;box-shadow:4px 0 15px #0000001a}.app-sidebar.open{left:0}.app-overlay{z-index:1030;background:#00000080;display:block;position:fixed;inset:0}.app-mobile-toggle{display:block}.app-header-collapse-toggle,.app-breadcrumb{display:none}.app-topbar{height:60px;padding:0 1rem}.app-content{padding:.15rem .35rem .35rem}}@media (width>=992px){.app-content{padding:.15rem .5rem .5rem}}@media (width>=1200px){.app-content{padding:.2rem .6rem .6rem}}.app-lang-btn{color:#818cf8;cursor:pointer;white-space:nowrap;letter-spacing:.02em;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:700;transition:all .15s}.app-lang-btn:hover{background:#6366f140;border-color:#818cf8}[dir=rtl] .app-sidebar{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .app-main{margin-left:0}[dir=rtl] .app-collapse-icon{margin-left:0;margin-right:auto}[dir=rtl] .app-breadcrumb-sep,[dir=rtl] .app-header-collapse-toggle{transform:scaleX(-1)}[dir=rtl] .app-nav-icon{margin-left:.5rem;margin-right:0}[dir=rtl] .app-sublink{padding-left:0;padding-right:2.5rem}[dir=rtl] .app-user-dot{margin:0 .3rem}@media (width<=768px){[dir=rtl] .app-sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .app-sidebar.open{transform:translate(0)}}.fsl-layout{--bg:#0f172a;--card:#1e293b;--surface:#1a2332;--border:#ffffff0f;--hover:#ffffff0a;--text:#f1f5f9;--text-muted:#94a3b8;--accent:#3b82f6;--accent-glow:#3b82f626;--primary:#3b82f6;background:var(--bg);height:100vh;color:var(--text);flex-direction:column;font-family:Poppins,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.fsl-layout[data-theme=light]{--bg:#eef2f6;--card:#fff;--surface:#f8fafc;--border:#e2e8f0;--hover:#00000008;--text:#1e293b;--text-muted:#64748b;--accent:#3b82f6;--accent-glow:#3b82f61a;--primary:#3b82f6}.fsl-content{flex:1;padding:0;overflow:hidden auto}.login-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:relative}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;font-family:Poppins,system-ui,-apple-system,sans-serif;box-shadow:0 10px 30px #0000001a}[data-theme=light] .login-page,.login-page[data-theme=light]{background:linear-gradient(135deg,#e2e8f0 0%,#f1f5f9 50%,#e2e8f0 100%)}.login-container{border-radius:20px;width:100%;max-width:900px;min-height:520px;display:flex;overflow:hidden;box-shadow:0 25px 60px #0006}[data-theme=light] .login-container{box-shadow:0 25px 60px #0000001f}.login-form-panel{background:#1e293b;flex:1;justify-content:center;align-items:center;padding:2.5rem;display:flex}[data-theme=light] .login-form-panel{background:#fff}.login-form-inner{width:100%;max-width:340px}.login-brand{text-align:center;margin-bottom:1.5rem}.login-brand-icon{margin-bottom:.3rem;font-size:2.2rem;display:block}.login-brand-title{color:#f1f5f9;letter-spacing:.5px;margin:0;font-size:1.4rem;font-weight:800}[data-theme=light] .login-brand-title{color:#1e293b}.login-brand-subtitle{color:#64748b;margin:2px 0 0;font-size:.78rem}.login-heading{color:#f1f5f9;margin:0 0 .25rem;font-size:1.3rem;font-weight:700}[data-theme=light] .login-heading{color:#1e293b}.login-subheading{color:#94a3b8;margin:0 0 1.5rem;font-size:.82rem}.login-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .9rem;font-size:.82rem;display:flex}[data-theme=light] .login-error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.login-error-icon{flex-shrink:0;font-size:.9rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field label{color:#94a3b8;letter-spacing:.3px;margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}[data-theme=light] .login-field label{color:#475569}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{opacity:.5;pointer-events:none;font-size:.85rem;position:absolute;left:12px}.login-input-wrapper input{color:#f1f5f9;background:#0f172a;border:2px solid #334155;border-radius:10px;outline:none;width:100%;padding:.7rem .9rem .7rem 2.4rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}[data-theme=light] .login-input-wrapper input{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.login-input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.login-input-wrapper input::placeholder{color:#475569}[data-theme=light] .login-input-wrapper input::placeholder{color:#94a3b8}.login-remember-row{align-items:center;display:flex}.login-remember-label{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.82rem;display:flex;position:relative}[data-theme=light] .login-remember-label{color:#475569}.login-remember-checkbox{opacity:0;width:0;height:0;position:absolute}.login-remember-checkmark{border:2px solid #475569;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex;position:relative}.login-remember-checkmark:after{content:"";border:2px solid #0000;border-width:0 2px 2px 0;width:4px;height:8px;transition:transform .15s;position:absolute;top:1px;left:5px;transform:rotate(45deg)scale(0)}.login-remember-checkbox:checked+.login-remember-checkmark{background:#3b82f6;border-color:#3b82f6}.login-remember-checkbox:checked+.login-remember-checkmark:after{border-color:#fff;transform:rotate(45deg)scale(1)}.login-remember-label:hover .login-remember-checkmark{border-color:#3b82f6}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:.5rem;padding:.75rem;font-size:.92rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-hero-panel{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 50%,#1e40af 100%);flex:0 0 360px;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:relative;overflow:hidden}.login-hero-content{z-index:2;text-align:center;color:#fff;position:relative}.login-hero-content h2{margin:0 0 .75rem;font-size:1.6rem;font-weight:800}.login-hero-content p{opacity:.85;margin:0 0 1.5rem;font-size:.85rem;line-height:1.5}.login-hero-features{flex-direction:column;gap:.5rem;display:flex}.login-feature-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;background:#ffffff1f;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.login-hero-shapes{z-index:1;pointer-events:none;position:absolute;inset:0}.login-shape{opacity:.08;background:#fff;border-radius:50%;position:absolute}.login-shape-1{width:200px;height:200px;top:-50px;right:-50px}.login-shape-2{width:120px;height:120px;bottom:30px;left:-30px}.login-shape-3{width:80px;height:80px;top:40%;left:50%}.login-theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:100;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:transform .2s;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.login-theme-toggle:hover{transform:scale(1.1)}[data-theme=light] .login-theme-toggle{background:#0000000f;border-color:#0000001a}@media (width<=768px){.login-container{flex-direction:column;max-width:420px}.login-hero-panel{flex:none;order:-1;padding:2rem}.login-hero-content h2{font-size:1.3rem}.login-hero-features{display:none}.login-form-panel{padding:2rem}}.home-page{width:100%;max-width:100%;margin:0 auto}.home-welcome{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.home-greeting{color:var(--text);margin:0;font-size:1.5rem;font-weight:800;line-height:1.3}.home-welcome-sub{color:var(--text-muted);margin:.25rem 0 0;font-size:.85rem}.home-date-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.78rem;font-weight:500;display:flex}.home-date-icon{font-size:.85rem}.home-state-cards{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:2rem;display:grid}.home-state-card{background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;transition:border-color .2s,box-shadow .2s;display:flex}.home-state-card:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--accent-glow)}.home-state-icon{flex-shrink:0;margin-top:2px;font-size:1.6rem}.home-state-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.home-state-value{color:var(--text);margin-top:2px;font-size:.95rem;font-weight:700}.home-state-sub{color:var(--text-muted);margin-top:1px;font-size:.72rem}.home-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.85rem;font-weight:700}.home-quick-links{grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:2rem;display:grid}.home-quick-card{text-align:center;background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;padding:1.25rem .75rem;text-decoration:none;transition:all .2s;display:flex}.home-quick-card:hover{border-color:var(--accent);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.home-quick-icon{margin-bottom:.5rem;font-size:1.8rem}.home-quick-label{margin-bottom:.2rem;font-size:.85rem;font-weight:700}.home-quick-desc{color:var(--text-muted);font-size:.72rem}.home-system-info{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:2rem;padding:.75rem 1.25rem;display:flex}.home-info-item{align-items:center;gap:.5rem;display:flex}.home-info-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.home-info-value{color:var(--text);font-size:.78rem;font-weight:600}@media (width<=900px){.home-quick-links{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.home-welcome{flex-direction:column}.home-state-cards{grid-template-columns:1fr}.home-quick-links{grid-template-columns:repeat(2,1fr)}.home-system-info{flex-direction:column;gap:.5rem}}.barcode-scanner-wrap{border:2px solid var(--border);background:#000;border-radius:16px;max-height:240px;margin-bottom:1rem;position:relative;overflow:hidden}.barcode-scanner-wrap #barcode-scanner-region{width:100%;max-height:240px;overflow:hidden}.barcode-scanner-wrap #barcode-scanner-region video{object-fit:cover;border-radius:14px;width:100%!important;height:100%!important;max-height:240px!important}.barcode-scanner-wrap #barcode-scanner-region>div:last-child,#barcode-scanner-region img[alt=Info\ icon],#barcode-scanner-region__header_message{display:none!important}.barcode-scanner-label{color:#fff;text-shadow:0 1px 6px #000000b3;pointer-events:none;z-index:5;letter-spacing:.5px;font-size:.8rem;font-weight:600;position:absolute;bottom:10px;left:12px}.barcode-scanner-toggle{background:var(--surface);border:2px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:.75rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.barcode-scanner-toggle:hover{border-color:var(--accent);color:var(--text)}.barcode-scanner-toggle.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.barcode-scanline{z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000,#22c55e,#0000);width:90%;height:2px;animation:2.2s ease-in-out infinite scanline;position:absolute;top:0;left:5%;box-shadow:0 0 12px #22c55e}@keyframes scanline{0%{opacity:0;top:10%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:85%}}.barcode-scanner-overlay{color:#fff;z-index:6;text-align:center;background:#0009;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;font-size:.9rem;display:flex;position:absolute;inset:0}.barcode-scanner-overlay-error{color:#fca5a5;background:#000c}.barcode-scanner-retry-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;transition:background .2s}.barcode-scanner-retry-btn:hover{background:#ffffff40}@media (width<=640px){.barcode-scanner-wrap,.barcode-scanner-wrap #barcode-scanner-region{max-height:200px}.barcode-scanner-wrap #barcode-scanner-region video{max-height:200px!important}}.sc-page{flex-direction:column;flex:1;min-height:0;padding:1.5rem;display:flex}.sc-title-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:0 0 1rem;display:flex}.sc-home-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:.9rem;transition:all .15s}.sc-home-btn:hover{border-color:var(--accent);background:var(--hover)}.sc-branch-chip{color:var(--accent);background:var(--accent-glow);border-radius:12px;align-items:center;gap:.35rem;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.sc-branch-logo{object-fit:cover;border-radius:4px;width:18px;height:18px}.sc-user-chip{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px 10px;font-size:.78rem;font-weight:600}.sc-title-left{align-items:center;gap:.5rem;display:flex}.sc-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.sc-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.sc-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e}.sc-dot.offline{background:#ef4444;box-shadow:0 0 6px #ef4444}.sc-title-right{align-items:center;gap:.5rem;display:flex}.sc-tool-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:8px;padding:5px 10px;font-size:.85rem;transition:all .15s}.sc-tool-btn:hover{background:var(--hover);color:var(--text)}.sc-counter{background:var(--accent-glow);color:var(--text-muted);border-radius:8px;align-items:center;gap:5px;padding:4px 12px;font-size:.8rem;display:flex}.sc-counter-num{color:var(--accent);font-size:1.1rem;font-weight:700}.sc-selectors{margin-bottom:1rem}.sc-selector-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sc-select{background:var(--surface);border:2px solid var(--border);width:100%;color:var(--text);appearance:none;cursor:pointer;border-radius:12px;padding:.7rem .85rem;font-size:.9rem;font-weight:500;transition:border-color .2s}.sc-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.sc-select option{background:var(--card);color:var(--text)}.sc-badges{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;font-size:.75rem;display:flex}.sc-badge{border-radius:4px;padding:2px 8px}.sc-badge-loading{color:#fbbf24}.sc-badge-ok{color:#34d399}.sc-badge-offline{color:#fff;background:#dc2626}.sc-badge-pending{color:#fbbf24}.sc-action-btns{flex-wrap:wrap;gap:.5rem;width:100%;margin-top:.25rem;display:flex}.sc-action-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s}.sc-action-btn:hover{border-color:var(--accent);background:var(--hover)}.sc-action-btn:disabled{opacity:.5;cursor:not-allowed}.sc-action-sync{color:#fbbf24;border-color:#fbbf2466}.sc-action-sync:hover{background:#fbbf241a;border-color:#fbbf24}.sc-action-reload{color:#34d399;border-color:#34d39966}.sc-action-reload:hover{background:#34d3991a;border-color:#34d399}.sc-action-camera{color:#a78bfa;border-color:#8b5cf666}.sc-action-camera:hover,.sc-action-camera.active{background:#8b5cf61a;border-color:#a78bfa}.sc-empty{text-align:center;color:var(--text-muted);padding:3rem 1.5rem}.sc-empty-icon{margin-bottom:.75rem;font-size:2.5rem}.sc-inputs-row{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.sc-input-group{flex-direction:column;gap:.35rem;display:flex}.sc-input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;display:flex}.sc-label-hint{opacity:.65;text-transform:none;letter-spacing:0;font-size:.68rem;font-weight:400}.sc-rfid-input{background:var(--surface);border:2px solid var(--border);width:100%;min-height:48px;color:var(--text);letter-spacing:2px;text-align:center;border-radius:12px;outline:none;padding:.85rem 1rem;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.sc-rfid-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.sc-rfid-input::placeholder{color:var(--text-muted);letter-spacing:0;font-weight:400}.sc-personno-wrap{gap:0;display:flex}.sc-personno-input{background:var(--surface);border:2px solid var(--border);color:var(--text);letter-spacing:2px;box-sizing:border-box;border-radius:12px 0 0 12px;flex:1;min-width:0;padding:.85rem 1rem;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;transition:all .2s}.sc-personno-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.sc-personno-input::placeholder{color:var(--text-muted);letter-spacing:.5px;font-family:inherit;font-size:.85rem;font-weight:400}.sc-personno-btn{background:var(--accent);border:2px solid var(--accent);color:#fff;cursor:pointer;border-left:none;border-radius:0 12px 12px 0;justify-content:center;align-items:center;padding:0 1.25rem;font-size:1.2rem;font-weight:700;transition:all .15s;display:flex}.sc-personno-btn:hover:not(:disabled){background:#2563eb}.sc-personno-btn:disabled{opacity:.4;cursor:not-allowed}.sc-feedback{border-radius:16px;margin-bottom:1rem;padding:1.25rem;animation:.3s ease-out scFeedbackIn;box-shadow:0 6px 24px #00000026}@keyframes scFeedbackIn{0%{opacity:0;transform:translateY(-15px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sc-feedback-success{color:#d1fae5;background:linear-gradient(135deg,#0d4a2e 0%,#0a3d25 100%);border:2px solid #1a8a5a}.sc-feedback-duplicate{color:#fef3c7;background:linear-gradient(135deg,#4a3a0d 0%,#3d2f05 100%);border:2px solid #c4a62a}.sc-feedback-denied{color:#fee2e2;background:linear-gradient(135deg,#4a0d0d 0%,#3d0505 100%);border:2px solid #c42a2a}[data-theme=light] .sc-feedback-success{color:#14532d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-color:#22c55e}[data-theme=light] .sc-feedback-duplicate{color:#713f12;background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);border-color:#ca8a04}[data-theme=light] .sc-feedback-denied{color:#7f1d1d;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#ef4444}.sc-feedback-body{text-align:left;align-items:center;gap:1.25rem;display:flex}.sc-feedback-photo{object-fit:cover;border:3px solid #ffffff40;border-radius:50%;flex-shrink:0;width:100px;height:100px}.sc-feedback-avatar{background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;font-size:3rem;display:flex}.sc-feedback-details{flex:1;min-width:0}.sc-feedback-name{margin-bottom:.3rem;font-size:1.4rem;font-weight:800;line-height:1.2}.sc-feedback-detail{opacity:.85;margin:3px 0;font-size:.88rem}.sc-feedback-msg-en{letter-spacing:.3px;margin-top:.5rem;font-size:1rem;font-weight:600}.sc-feedback-msg-ar{opacity:.9;direction:rtl;margin-top:.2rem;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:1.05rem;font-weight:600}@media (width>=768px){.sc-feedback-photo{border-width:4px;width:130px;height:130px}.sc-feedback-avatar{width:130px;height:130px;font-size:3.5rem}.sc-feedback-name{font-size:1.6rem}.sc-feedback-msg-en{font-size:1.1rem}.sc-feedback-msg-ar{font-size:1.15rem}}@media (width<=640px){.sc-feedback-body{text-align:center;flex-direction:column}.sc-feedback-photo{width:80px;height:80px}.sc-feedback-avatar{width:80px;height:80px;font-size:2.5rem}}.sc-progress-wrap{align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.sc-progress-label{color:var(--text);white-space:nowrap;letter-spacing:.3px;font-size:.95rem;font-weight:800}.sc-progress-bar{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:1;min-width:60px;height:20px;overflow:hidden;box-shadow:inset 0 2px 6px #0000001a}.sc-progress-fill{background:linear-gradient(90deg,#f43f5e,#8b5cf6,#3b82f6,#10b981);border-radius:10px;height:100%;transition:width .5s;box-shadow:0 0 12px #3b82f666}.sc-progress-pct{color:#10b981;white-space:nowrap;text-align:right;min-width:32px;font-size:.95rem;font-weight:900}.sc-recent{flex-direction:column;flex:1;min-height:0;display:flex}.sc-recent-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.sc-recent-list{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;grid-template-columns:1fr;align-content:start;gap:.5rem;display:grid;overflow-y:auto}.sc-recent-list::-webkit-scrollbar{width:6px}.sc-recent-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}@media (width>=1024px){.sc-recent-list{grid-template-columns:1fr 1fr;gap:.75rem}}.sc-swipe{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .75rem;transition:background .15s;display:flex}.sc-swipe:first-child{border-color:var(--accent);background:var(--accent-glow)}.sc-swipe-photo{object-fit:cover;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:38px;height:38px}.sc-swipe-avatar{background:var(--hover);width:38px;height:38px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.sc-swipe-info{flex:1;min-width:0}.sc-swipe-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:.88rem;font-weight:600;overflow:hidden}.sc-swipe-meta{color:var(--text-muted);margin-top:1px;font-size:.75rem}.sc-swipe-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem;font-weight:500}.sc-diag{background:var(--surface);border:1px dashed var(--border);color:var(--text-muted);border-radius:10px;margin-top:1rem;padding:.85rem;font-size:.78rem}.sc-diag-title{color:var(--text);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.sc-diag-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:3px 0;display:flex}.sc-diag-row:last-child{border-bottom:none}@media (width<=640px){.sc-selector-row,.sc-inputs-row{grid-template-columns:1fr}.sc-title{font-size:1rem}}.ad-page{max-width:1400px;margin:0 auto;padding:1.5rem}.ad-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:0 0 1rem;display:flex}.ad-header-left{align-items:center;gap:.5rem;display:flex}.ad-header-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ad-home-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:.9rem;transition:all .15s}.ad-home-btn:hover{border-color:var(--accent);background:var(--hover)}.ad-title{color:var(--text);letter-spacing:.5px;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:800}.ad-branch-chip{color:var(--accent);background:var(--accent-glow);white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:.78rem;font-weight:600}.ad-user-chip{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:10px;padding:4px 10px;font-size:.78rem;font-weight:600}.ad-sub{color:var(--text-muted);margin-top:2px;font-size:.85rem}.ad-live-badge{color:#10b981;background:#10b98126;border-radius:12px;align-items:center;gap:4px;margin-left:4px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.ad-live-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite adPulse}@keyframes adPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.ad-action-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);white-space:nowrap;border-radius:8px;padding:6px 14px;font-size:.78rem;transition:all .15s}.ad-action-btn:hover{background:var(--hover);border-color:var(--accent)}.ad-date-input{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:5px 10px;font-size:.78rem;transition:border-color .15s}.ad-date-input:focus{border-color:var(--accent)}.ad-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.ad-stat-card{background:var(--surface);text-align:center;border:1px solid var(--border);border-radius:14px;padding:1.25rem}.ad-stat-val{color:var(--text);font-size:2.5rem;font-weight:900;line-height:1.1}.ad-stat-green{color:#059669}.ad-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.75rem;font-weight:700}.ad-areas{scrollbar-width:thin;gap:14px;margin-bottom:1.25rem;padding:4px 2px 12px;display:flex;overflow-x:auto}.ad-areas::-webkit-scrollbar{height:6px}.ad-areas::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ad-area-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex:1 0 360px;min-width:360px;padding:14px 16px}.ad-area-name{color:var(--text);margin-bottom:2px;font-size:.92rem;font-weight:700}.ad-area-session{color:var(--text-muted);margin-bottom:10px;font-size:.72rem}.ad-area-count{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.ad-area-count-label{color:var(--text-muted);font-size:.78rem}.ad-area-count-val{color:var(--text);font-size:.92rem;font-weight:800}.ad-area-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.ad-area-bar-fill{border-radius:3px;height:100%;transition:width .6s}.ad-fill-low{background:#3b82f6}.ad-fill-mid{background:#f59e0b}.ad-fill-high{background:#10b981}.ad-area-pct{color:var(--text-muted);margin-top:4px;font-size:.7rem}.ad-area-activities{border-top:1px dashed var(--border);grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:12px;padding-top:12px;display:grid}.ad-area-act-item{background:var(--bg);text-align:center;border:1px solid var(--border);border-radius:6px;padding:6px}.ad-area-act-val{color:var(--text);font-size:1.05rem;font-weight:800;line-height:1}.ad-area-act-name{color:var(--text-muted);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.65rem;font-weight:600;overflow:hidden}.ad-area-companies{border-top:1px solid var(--border);scrollbar-width:thin;max-height:180px;margin-top:10px;padding-top:8px;overflow-y:auto}.ad-area-co-table{border-collapse:collapse;width:100%;font-size:.68rem}.ad-area-co-table th{color:var(--text-muted);text-align:center;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.3px;padding:3px 4px;font-size:.62rem;font-weight:700}.ad-area-co-table th:first-child{text-align:left}.ad-area-co-table td{text-align:center;color:var(--text);border-bottom:1px solid var(--border);padding:3px 4px}.ad-area-co-table tbody tr:last-child td{border-bottom:none}.ad-area-co-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:600;overflow:hidden;text-align:left!important}.ad-area-co-total{color:var(--accent);font-weight:800}.ad-bottom{grid-template-columns:280px 1fr;gap:1.25rem;display:grid}.ad-swipes-panel,.ad-table-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;max-height:520px;padding:0;display:flex;overflow:hidden}.ad-panel-title{color:var(--text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);flex-shrink:0;padding:14px 16px 12px;font-size:.82rem;font-weight:800}.ad-swipes-scroll{scrollbar-width:thin;flex:1;padding:0 16px 16px;overflow-y:auto}.ad-swipe{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.ad-swipe:last-child{border-bottom:none}.ad-swipe-avatar{background:var(--hover);width:40px;height:40px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;overflow:hidden}.ad-swipe-avatar img{object-fit:cover;width:100%;height:100%}.ad-swipe-info{flex:1;min-width:0}.ad-swipe-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.ad-swipe-company{color:var(--text-muted);font-size:.75rem}.ad-swipe-meta{color:var(--text-muted);margin-top:2px;font-size:.72rem}.ad-swipe-time{color:var(--accent);align-self:flex-start;margin-top:4px;font-size:.72rem;font-weight:600}.ad-table-scroll{scrollbar-width:thin;flex:1;padding:0 16px 16px;overflow:auto}.ad-meal-table{border-collapse:collapse;width:100%;font-size:.78rem}.ad-meal-table th{background:var(--surface);color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;text-align:center;z-index:1;padding:8px 6px;font-weight:700;position:sticky;top:0}.ad-meal-table thead tr:nth-child(2) th{top:35px}.ad-meal-table td{text-align:center;border-bottom:1px solid var(--border);color:var(--text);padding:6px}.ad-company-col{background:var(--surface);z-index:4;min-width:140px;color:var(--text);font-weight:600;position:sticky;left:0;text-align:left!important}th.ad-company-col{z-index:5;border-right:1px solid var(--border);top:0}.ad-area-header{z-index:2;color:#3b82f6!important;border-bottom:2px solid #3b82f6!important}.ad-total-col{color:var(--text);background:var(--hover);font-weight:800}.ad-meal-table tbody tr:hover td{background:var(--hover)}.ad-footnote{color:var(--text-muted);padding:8px 0;font-size:.7rem}.ad-empty{text-align:center;color:var(--text-muted);padding:3rem 1.5rem}.ad-empty-icon{margin-bottom:.75rem;font-size:2.5rem}.ad-retry-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;margin-top:1rem;padding:8px 20px;font-size:.85rem}.ad-empty-msg{text-align:center;color:var(--text-muted);padding:20px;font-size:.85rem}@media (width<=900px){.ad-bottom{grid-template-columns:1fr}}@media (width<=640px){.ad-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.ad-stat-card{padding:.75rem .5rem}.ad-stat-val{font-size:1.4rem}.ad-stat-label{letter-spacing:0;font-size:.6rem}}.loader-wrapper{justify-content:center;align-items:center;padding:2rem;display:flex}.loader-wrapper .svgbox{stroke-width:5px;fill:none;stroke-dasharray:50 14;stroke-dashoffset:192px;animation:1.4s linear infinite dash_682}@keyframes dash_682{72.5%{opacity:1}to{stroke-dashoffset:1px}}.fp-page{max-width:1400px;margin:0 auto}.fp-header{margin-bottom:1rem}.fp-title{color:var(--text);margin:0;font-size:1.3rem;font-weight:800}.fp-subtitle{color:var(--text-muted);margin-top:2px;font-size:.85rem}.fp-branch-badge{background:var(--accent-glow);color:var(--accent);border-radius:10px;margin-right:8px;padding:2px 10px;font-size:.75rem;font-weight:600}.fp-summary{grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.fp-stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.fp-stat-icon{font-size:1.15rem}.fp-stat-val{color:var(--text);font-size:1.25rem;font-weight:900;line-height:1.1}.fp-stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.fp-recent{margin-bottom:1.25rem}.fp-recent-title{color:var(--text);margin:0 0 .5rem;font-size:.9rem;font-weight:700}.fp-recent-sections{flex-wrap:wrap;gap:1.5rem;display:flex}.fp-recent-col{flex:1;min-width:300px}.fp-recent-col-header{border-radius:6px;margin-bottom:.75rem;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.fp-recent-wrap{flex-wrap:wrap;gap:.75rem;display:flex}.fp-recent-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:0 0 100px;padding:.5rem;transition:all .15s}.fp-recent-card:hover{border-color:var(--accent);background:var(--hover)}.fp-recent-name{color:var(--text);margin-bottom:4px;font-size:.8rem;font-weight:700}.fp-recent-meta{justify-content:space-between;align-items:center;display:flex}.fp-meta-service{color:var(--text-muted);font-size:.65rem}.fp-recent-meta-badge{color:#1e3a8a;background:#fff;border-radius:8px;padding:2px 8px;font-size:.65rem;font-weight:800}.fp-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.fp-filter-chips{flex-wrap:wrap;gap:.35rem;display:flex}.fp-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .15s}.fp-chip:hover{border-color:var(--accent);color:var(--text)}.fp-chip.active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.fp-filter-right{align-items:center;gap:.5rem;display:flex}.fp-search{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;outline:none;width:220px;padding:6px 14px;font-size:.82rem;transition:border-color .15s}.fp-search:focus{border-color:var(--accent)}.fp-refresh-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:.82rem;transition:all .15s}.fp-refresh-btn:hover{border-color:var(--accent)}.fp-table-wrap{background:var(--surface);border:1px solid var(--border);scrollbar-width:thin;border-radius:14px;max-height:75vh;overflow:auto}.fp-table{border-collapse:collapse;width:100%;font-size:.82rem}.fp-table th{background:var(--surface);color:var(--text-muted);text-align:left;border-bottom:2px solid var(--border);z-index:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;padding:10px;font-size:.72rem;font-weight:700;position:sticky;top:0}.fp-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:8px 10px}.fp-table tbody tr:hover td{background:var(--hover)}.fp-fac-name{color:var(--accent);cursor:pointer;font-weight:700}.fp-fac-name:hover{text-decoration:underline}.fp-fac-details{color:var(--text-muted);font-size:.72rem}.fp-view-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:.9rem;transition:border-color .15s}.fp-view-btn:hover{border-color:var(--accent)}.fp-badge{border-radius:10px;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-block}.fp-badge-empty{color:#10b981;background:#10b98126}.fp-badge-full{color:#ef4444;background:#ef444426}.fp-badge-partial{color:#f59e0b;background:#f59e0b26}.fp-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.fp-modal{background:var(--card);border-radius:16px;flex-direction:column;width:100%;max-width:950px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}.fp-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.fp-modal-header h3{color:var(--text);margin:0;font-size:1rem;font-weight:700}.fp-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:1.2rem}.fp-modal-body{flex:1;overflow-y:auto}.occupants-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:16px;display:grid}.occupant-card{background:var(--card);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:8px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.occupant-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.occupant-card.Orange{border-top-color:#f59e0b}.occupant-card.Lime{border-top-color:#10b981}.occupant-card.Red{border-top-color:#ef4444}.occupant-info{flex-direction:column;flex:1;padding:12px 14px;display:flex}.card-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:8px;padding-bottom:8px;display:flex}.occupant-photo img{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:52px;height:68px}.photo-placeholder{background:var(--surface);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:52px;height:68px;font-size:20px;display:flex}.header-text{text-align:left;flex:1;overflow:hidden}.header-text h4{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:700;overflow:hidden}.job-title{color:var(--text-muted);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.65rem;font-weight:600;overflow:hidden}.occupant-details{flex-direction:column;flex:1;gap:4px;font-size:.8rem;display:flex}.info-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.info-row .label{color:var(--text-muted);min-width:65px;font-size:.72rem;font-weight:600}.info-row .text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.72rem;overflow:hidden}.occupant-actions{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.action-btn{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:6px;width:100%;padding:8px 14px;font-size:.75rem;font-weight:600;transition:all .2s}.action-btn:hover{background:var(--accent);color:#fff}.fp-modal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.fp-modal-info{color:var(--text-muted);font-size:.78rem}.fp-modal-close-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 20px;font-size:.82rem}.fp-empty{text-align:center;color:var(--text-muted);padding:3rem}.fp-empty-icon{margin-bottom:.75rem;font-size:2.5rem}.fp-loading{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}.fp-no-data{text-align:center;color:var(--text-muted);padding:1.5rem}@media (width<=900px){.fp-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.fp-summary{grid-template-columns:repeat(2,1fr)}.fp-filters{flex-direction:column;align-items:flex-start}.fp-search{width:100%}}.fp-filter-button{border:1px dashed var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.fp-filter-button:hover,.fp-filter-button.has-filters{border-color:var(--primary);color:var(--primary);background:#3b82f614;border-style:solid}.fp-view-toggle{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;gap:2px;padding:3px;display:flex}.fp-view-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.fp-view-tab:hover{color:var(--text)}.fp-view-tab.active{background:var(--primary);color:#fff;box-shadow:0 1px 4px #3b82f64d}.fp-filter-overlay{z-index:1000;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.fp-filter-panel{background:var(--surface);flex-direction:column;width:340px;max-width:90vw;height:100%;animation:.3s fpSlideInRight;display:flex;box-shadow:-8px 0 24px #0000004d}@keyframes fpSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.fp-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.fp-panel-header h4{color:var(--text);margin:0;font-size:1rem}.fp-panel-body{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.fp-panel-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.fp-form-group{margin-bottom:1.25rem}.fp-form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}.fp-form-control{border:1px solid var(--border);background:var(--bg-body);width:100%;color:var(--text);box-sizing:border-box;border-radius:6px;padding:.6rem .85rem;font-size:.82rem;transition:all .2s}.fp-form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #3b82f626}.fp-btn-primary,.fp-btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.25rem;font-size:.82rem;font-weight:600;transition:all .2s}.fp-btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #3b82f640}.fp-btn-primary:hover{background:#2563eb}.fp-btn-secondary{color:var(--text-muted);border:1px solid var(--border);background:0 0}.fp-btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.fp-summary-view{margin-top:.5rem}.fp-summary-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.fp-service-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;padding:1.1rem 1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0003}.fp-service-summary-card:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.fp-service-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.fp-service-header h4{color:var(--text);margin:0;font-size:1rem;font-weight:700}.fp-room-count{background:var(--hover);color:var(--text-muted);border:1px solid var(--border);border-radius:9999px;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.fp-header-right{align-items:center;gap:.5rem;display:flex}.fp-expand-icon{background:var(--primary);color:#fff;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex}.fp-service-stats{border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0;display:flex}.fp-stat-item{flex-direction:column;flex:1;align-items:center;display:flex}.fp-stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:.3rem;font-size:.55rem;font-weight:700}.fp-stat-value{color:var(--text);font-size:1.3rem;font-weight:700}.fp-stat-value.fp-occupied{color:#3b82f6}.fp-stat-value.fp-available{color:#10b981}.fp-service-rooms-breakdown{color:var(--text-muted);justify-content:space-between;margin-bottom:.4rem;font-size:.65rem;display:flex}.fp-room-status{align-items:center;gap:.3rem;font-weight:500;display:flex}.fp-status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.fp-status-dot.empty{background:#10b981}.fp-status-dot.partial{background:#f59e0b}.fp-status-dot.full{background:#ef4444}.fp-occupancy-bar{background:var(--border);border-radius:3px;height:5px;margin-bottom:.3rem;overflow:hidden}.fp-occupancy-fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .5s ease-out}.fp-occupancy-percent{text-align:right;color:var(--text-muted);font-size:.65rem;font-weight:600}.fp-block-facilities-list{border-top:1px dashed var(--border);background:#00000026;border-radius:6px;margin-top:.75rem;padding:.5rem;font-size:.75rem}.fp-facilities-list-header{color:#64748b;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.3px;grid-template-columns:2fr 1fr 1fr 1fr auto;margin-bottom:.25rem;padding:.35rem .5rem;font-size:.6rem;font-weight:700;display:grid}.fp-facility-list-item{cursor:pointer;color:#cbd5e1;border-radius:4px;grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;padding:.35rem .5rem;font-size:.72rem;transition:all .15s;display:grid}.fp-facility-list-item:hover{background-color:#ffffff0a;transform:translate(2px)}.fp-facility-list-item.item-empty{border-left:2px solid #10b981}.fp-facility-list-item.item-partial{border-left:2px solid #f59e0b}.fp-facility-list-item.item-full{border-left:2px solid #ef4444}.fp-facility-list-item .fp-fac-name{color:#f1f5f9;font-weight:600}.fp-clickable{cursor:pointer}.fp-clickable:hover{opacity:.85}@media (width<=640px){.fp-summary-cards-grid{grid-template-columns:1fr}.fp-filter-panel{width:100%}}@media (width<=900px){.fp-controls-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.fp-view-toggle{flex-wrap:wrap}}.fp-action-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .2s}.fp-action-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#3b82f614}.fp-action-btn:disabled{opacity:.4;cursor:not-allowed}.fp-alert{border-radius:8px;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.82rem;font-weight:500;animation:.3s fpFadeIn}@keyframes fpFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fp-alert-success{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.fp-alert-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.fp-row-selected{border-left:3px solid var(--primary);background:#3b82f614!important}.fp-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.fp-action-modal{max-width:480px;max-height:400px}.fp-actions-dropdown{display:inline-block;position:relative}.fp-actions-menu{background:var(--surface);border:1px solid var(--border);z-index:100;border-radius:8px;flex-direction:column;min-width:180px;margin-top:.5rem;padding:.25rem 0;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0003}.fp-actions-menu button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:.6rem 1rem;font-size:.8rem;font-weight:500;transition:background-color .15s}.fp-actions-menu button:hover:not(:disabled){background:var(--hover);color:var(--accent)}.fp-actions-menu button:disabled{opacity:.4;cursor:not-allowed}.fp-occupants-view{margin-top:.5rem}.fp-occ-table th{padding:8px 10px}.fp-occ-table thead tr:first-child th{z-index:3;background:var(--surface);position:sticky;top:0}.fp-filter-row th{border-bottom:2px solid var(--border);z-index:2;background:var(--surface);padding:4px 6px;position:sticky;top:34px}.fp-occ-filter{border:1px solid var(--border);background:var(--bg-body);width:100%;color:var(--text);border-radius:6px;padding:5px 8px;font-size:.75rem;transition:border-color .2s,box-shadow .2s}.fp-occ-filter:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #6366f126}.fp-occ-row{cursor:pointer;transition:background-color .15s}.fp-occ-photo{object-fit:cover;border:1px solid var(--border);border-radius:40%;width:30px;height:40px}.fp-occ-photo-placeholder{background:var(--surface);border:1px solid var(--border);width:30px;height:40px;color:var(--text-muted);border-radius:40%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.fp-occ-name{color:var(--accent);font-weight:600}.fp-occ-room{color:var(--text);background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:600}.fp-occ-loading-overlay{z-index:10;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#00000040;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex;position:absolute;inset:0}@keyframes fp-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fp-collapsible-filters .fp-form-control{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;width:100%;padding:6px 10px;font-size:.8rem}.fp-collapsible-filters .fp-form-control:focus{border-color:var(--primary);outline:none}.fp-filters-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:end;gap:10px;display:grid}@media (width<=600px){.fp-filters-grid{grid-template-columns:repeat(2,1fr)}.fp-col-span-2{grid-column:span 2}}.fp-combo-item:hover{background:var(--hover)!important}.sp-page{box-sizing:border-box;width:100%;min-width:0;max-width:900px;margin:0 auto}.sp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.sp-title{color:var(--text);margin:0;font-size:1.3rem;font-weight:800}.sp-store-badge{background:var(--accent-glow);color:var(--accent);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;min-width:0;max-width:100%;padding:4px 14px;font-size:.78rem;font-weight:700;overflow:hidden}.sp-alert{border-radius:10px;margin-bottom:1rem;padding:10px 16px;font-size:.85rem}.sp-alert-success{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.sp-alert-error{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.sp-entry{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:1rem 1.25rem}.sp-entry-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.sp-field{flex-direction:column;gap:4px;display:flex}.sp-field label{color:var(--text-muted);font-size:.78rem;font-weight:700}.sp-field-item{flex:2;min-width:200px;position:relative}.sp-field-qty{flex:.7;min-width:90px}.sp-field-price{flex:.8;min-width:100px}.sp-req{color:#ef4444}.sp-input{border:1px solid var(--border);background:var(--card);color:var(--text);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.85rem;transition:border-color .15s}.sp-input:focus{border-color:var(--accent)}.sp-add-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:opacity .15s}.sp-add-btn:hover{opacity:.9}.sp-add-btn:disabled{opacity:.5;cursor:not-allowed}.sp-item-info{color:var(--text-muted);border-top:1px solid var(--border);margin-top:8px;padding-top:6px;font-size:.82rem}.sp-stock-badge{color:#10b981;background:#10b98126;border-radius:8px;padding:1px 8px;font-size:.78rem;font-weight:700}.sp-dropdown{background:var(--card);border:1px solid var(--border);z-index:100;scrollbar-width:thin;border-radius:10px;max-height:280px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #00000026}.sp-dropdown-item{cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 14px;transition:background .1s;display:flex}.sp-dropdown-item:last-child{border-bottom:none}.sp-dropdown-item:hover{background:var(--hover)}.sp-dropdown-name{color:var(--text);font-size:.82rem;font-weight:600}.sp-dropdown-qty{color:var(--text-muted);font-size:.75rem}.sp-dropdown-empty{text-align:center;color:var(--text-muted);padding:12px;font-size:.82rem}.sp-cart{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:1rem 1.25rem}.sp-cart h3{color:var(--text);margin:0 0 .75rem;font-size:.92rem;font-weight:800}.sp-cart-list{scrollbar-width:thin;max-height:300px;overflow-y:auto}.sp-cart-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:8px 0;display:flex}.sp-cart-item:last-child{border-bottom:none}.sp-cart-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sp-cart-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:600;overflow:hidden}.sp-cart-qty{color:var(--accent);background:#6366f11a;border-radius:6px;padding:2px 6px;font-family:monospace;font-size:.85rem;font-weight:700}.sp-cart-amount{color:var(--text);margin-right:.5rem;font-size:.85rem;font-weight:700}.sp-cart-remove{cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:1rem;transition:opacity .15s}.sp-cart-remove:hover{opacity:1}.sp-cart-empty{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.85rem}.sp-cart-total{text-align:right;color:var(--text);border-top:2px solid var(--border);margin-top:8px;padding:10px 0 0;font-size:.92rem}.sp-submit-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:1rem 1.25rem}.sp-form-row{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.sp-form-row .sp-field{flex:1;min-width:160px}.sp-options{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.sp-switch{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:flex}.sp-switch input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.sp-submit-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;width:100%;padding:12px;font-size:.92rem;font-weight:800;transition:opacity .15s}.sp-submit-btn:hover{opacity:.9}.sp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.sp-submit-purchase{background:#3b82f6}.sp-history-container{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;min-width:0;display:flex}@media (width>=768px){.sp-history-container{flex-direction:row;align-items:flex-start}.sp-history-container>.sp-history{flex:1;min-width:0}}.sp-history{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:14px;width:100%;min-width:0;padding:1rem 1.25rem}.sp-history h3{color:var(--text);margin:0 0 .75rem;font-size:.92rem;font-weight:800}.sp-history-list{scrollbar-width:thin;max-height:300px;overflow:auto}.sp-history-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:6px 0;font-size:.82rem;display:flex}.sp-history-item:last-child{border-bottom:none}.sp-h-date{color:var(--text-muted);flex-shrink:0;min-width:75px;font-weight:600}.sp-h-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:150px;font-weight:600;overflow:hidden}.sp-h-qty{color:#ef4444;text-align:right;flex-shrink:0;min-width:80px;font-weight:700}.sp-h-cc{color:var(--text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;min-width:100px;overflow:hidden}.sp-h-amount{color:var(--text);text-align:right;flex-shrink:0;min-width:80px;font-weight:700}.sp-h-supplier{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:120px;overflow:hidden}.sp-h-purpose{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:80px;overflow:hidden}.sp-empty{text-align:center;color:var(--text-muted);padding:3rem}.sp-empty-icon{margin-bottom:.75rem;font-size:2.5rem}.sp-loading{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}.sp-field-amount{flex:.8;min-width:100px}.sp-field-discount{flex:.6;min-width:80px}.sp-field-vat{flex:.5;min-width:70px}.sp-field-total{flex:.8;min-width:100px}.sp-price-badge{color:#3b82f6;background:#3b82f626;border-radius:8px;padding:1px 8px;font-size:.78rem;font-weight:700}.sp-dropdown-highlight,.sp-dropdown-item.sp-dropdown-highlight{background:var(--accent-glow,#6366f11f);outline:2px solid var(--accent,#6366f1);outline-offset:-2px}.sp-cart-table-wrap{scrollbar-width:thin;max-height:320px;overflow-y:auto}.sp-cart-table{border-collapse:collapse;width:100%;font-size:.82rem}.sp-cart-table th{text-align:left;color:var(--text-muted);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px;font-size:.75rem;font-weight:700}.sp-cart-table td{border-bottom:1px solid var(--border);color:var(--text);padding:8px 10px}.sp-cart-table tbody tr:last-child td{border-bottom:none}.sp-right{text-align:right!important}.sp-item-name-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:600;overflow:hidden}.sp-amount-cell{color:var(--accent);font-weight:700}.sp-totals-row td{border-top:2px solid var(--border);padding-top:10px;font-weight:700}.sp-cart-table tfoot{background:var(--surface);z-index:10;font-size:1rem;position:sticky;bottom:-1px}.sp-cart-table tfoot:before{content:"";border-top:2px solid var(--border);position:absolute;top:-2px;left:0;right:0}.sp-totals-row td{border-top:none}.sp-h-qty-positive{color:#10b981!important}.sp-h-supplier{color:var(--text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:100px;overflow:hidden}.sp-h-amount{color:var(--accent);text-align:right;min-width:80px;font-weight:700}@media (width<=640px){.sp-entry-row{flex-direction:column}.sp-purchase-entry-row{flex-flow:wrap}.sp-form-row{flex-direction:column}.sp-field-item,.sp-field-qty,.sp-field-price,.sp-field-amount,.sp-field-discount,.sp-field-vat,.sp-field-total{flex:1;min-width:100%;max-width:100%}.sp-purchase-entry-row .sp-field-qty,.sp-purchase-entry-row .sp-field-price,.sp-purchase-entry-row .sp-field-amount,.sp-purchase-entry-row .sp-field-discount,.sp-purchase-entry-row .sp-field-vat,.sp-purchase-entry-row .sp-field-total{flex:0 0 calc(50% - .375rem);min-width:calc(50% - .375rem);max-width:calc(50% - .375rem)}.sp-purchase-entry-row .sp-submit-cart-btn{flex:0 0 100%;min-width:100%;max-width:100%;margin-top:4px}.sp-cart-table-wrap{overflow-x:auto}}.nid-overlay{z-index:1200;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out nid-fade-in;display:flex;position:fixed;inset:0}@keyframes nid-fade-in{0%{opacity:0}to{opacity:1}}.nid-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:95%;max-width:560px;max-height:90vh;animation:.2s ease-out nid-slide-up;display:flex;box-shadow:0 8px 32px #00000040}@keyframes nid-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nid-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.nid-header h3{color:var(--text);margin:0;font-size:1.05rem;font-weight:800}.nid-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;transition:all .15s}.nid-close:hover{background:var(--hover);color:var(--text)}.nid-body{flex:1;padding:1.25rem;overflow-y:auto}.nid-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nid-full{grid-column:span 2}.nid-field{flex-direction:column;gap:4px;display:flex}.nid-field label{color:var(--text-muted);font-size:.78rem;font-weight:700}.nid-field .sp-input{padding:8px 12px}.nid-field select.sp-input{appearance:auto}.nid-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:1rem 1.25rem;display:flex}.nid-btn-cancel{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.nid-btn-cancel:hover{background:var(--hover)}.nid-btn-save{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 22px;font-size:.85rem;font-weight:700;transition:opacity .15s}.nid-btn-save:hover{opacity:.9}.nid-btn-save:disabled{opacity:.5;cursor:not-allowed}@media (width<=500px){.nid-grid{grid-template-columns:1fr}.nid-full{grid-column:span 1}}.ip-page{max-width:1100px}.ip-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:1rem;display:flex}.ip-search{flex:1;min-width:200px}.ip-group-filter{appearance:auto;width:auto;min-width:160px}.ip-count{color:var(--text-muted);white-space:nowrap;font-size:.82rem;font-weight:700}.ip-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:12px;max-height:calc(100vh - 230px);overflow:auto}.ip-table{border-collapse:collapse;width:100%;min-width:700px;font-size:.82rem}.ip-table thead{z-index:2;position:sticky;top:0}.ip-table th{text-align:left;color:var(--text-muted);background:var(--surface);border-bottom:2px solid var(--border);box-shadow:0 2px 0 var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px;font-size:.78rem;font-weight:700}.ip-sortable{cursor:pointer}.ip-sortable:hover{color:var(--text)}.ip-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:8px 10px}.ip-table tbody tr:hover{background:var(--hover)}.ip-th-num{text-align:center;width:36px}.ip-td-num{text-align:center;color:var(--text-muted);font-size:.75rem}.ip-th-name{min-width:220px}.ip-th-sm{width:90px}.ip-th-md{width:120px}.ip-th-actions{text-align:center;width:80px}.ip-item-fullname{color:var(--text);word-break:break-word;font-weight:600}.ip-item-sub{color:var(--text-muted);margin-top:2px;font-size:.72rem}.ip-stock-val{border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-block}.ip-stock-ok{color:#10b981;background:#10b9811f}.ip-stock-low{color:#f59e0b;background:#f59e0b1f}.ip-stock-zero{color:#ef4444;background:#ef444414}.ip-row-low{border-left:3px solid #f59e0b}.ip-row-empty{border-left:3px solid #ef4444}.ip-td-actions{text-align:center;white-space:nowrap}.ip-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:.9rem;transition:background .15s}.ip-action-btn:hover{background:var(--hover)}.ip-delete-btn:hover{background:#ef44441f}.ip-no-data{text-align:center;color:var(--text-muted);padding:2rem}@media (width<=768px){.ip-hide-sm{display:none}.ip-page{max-width:100%}}@media (width<=500px){.ip-filters{flex-direction:column}.ip-search,.ip-group-filter{width:100%;min-width:unset}}.sm-page{flex-direction:column;gap:1.5rem;display:flex}.sm-controls{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.sm-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.sm-period-section{flex-direction:column;gap:.75rem;display:flex}.sm-period-pills{flex-wrap:wrap;gap:.5rem;display:flex}.sm-pill{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.sm-pill:hover{border-color:var(--accent);color:var(--accent)}.sm-pill-active{background:var(--accent);border-color:var(--accent);color:#fff!important}.sm-custom-dates{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.sm-date-sep{color:var(--text-muted);font-weight:600}.sm-items-section{flex-direction:column;gap:.75rem;display:flex}.sm-items-toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.sm-group-filter{flex:1;min-width:150px}.sm-search{flex:2;min-width:200px}.sm-select-all-btn{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:0 16px;font-size:.85rem;font-weight:600;transition:all .2s}.sm-select-all-btn:hover{border-color:var(--accent);color:var(--accent)}.sm-items-list{border:1px solid var(--border);background:var(--card);scrollbar-width:thin;border-radius:8px;max-height:250px;overflow-y:auto}.sm-item-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.sm-item-row:last-child{border-bottom:none}.sm-item-row:hover{background:var(--hover)}.sm-item-selected{background:#6366f10d}.sm-checkbox{width:16px;height:16px;accent-color:var(--accent);pointer-events:none}.sm-item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:2;font-size:.85rem;font-weight:600;overflow:hidden}.sm-item-group{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.sm-item-stock{text-align:right;min-width:80px;font-size:.85rem;font-weight:700}.sm-stock-ok{color:#10b981}.sm-stock-low{color:#f59e0b}.sm-stock-zero{color:#ef4444}.sm-item-empty{opacity:.6}.sm-generate-btn{background:var(--accent);padding:14px;font-size:1rem}.sm-report{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:1.5rem;padding:1.5rem;animation:.3s ease-out smFadeIn;display:flex}@keyframes smFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sm-report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sm-report-header h3{color:var(--text);margin:0;font-size:1.2rem;font-weight:800}.sm-report-period{background:var(--card);border:1px solid var(--border);color:var(--accent);border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.sm-summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.sm-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.sm-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.sm-card-value{color:var(--text);font-size:1.8rem;font-weight:800;line-height:1}.sm-card-sub{color:var(--text-muted);font-size:.8rem;font-weight:600}.sm-card-purchase .sm-card-value{color:#10b981}.sm-card-issue .sm-card-value{color:#f59e0b}.sm-card-positive .sm-card-value{color:#10b981}.sm-card-negative .sm-card-value{color:#ef4444}.sm-table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.sm-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.85rem}.sm-table th{text-align:left;color:var(--text-muted);border-bottom:2px solid var(--border);background:var(--card);z-index:10;padding:12px;font-weight:700;position:sticky;top:0}.sm-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:12px}.sm-table tbody tr:hover{background:var(--hover)}.sm-td-num{color:var(--text-muted);width:40px;font-weight:700}.sm-td-name{color:var(--text);font-weight:600}.sm-td-units{color:var(--text-muted);font-size:.75rem;font-weight:500}.sm-td-group{color:var(--text-muted)}.sm-col-purchase{background:#10b98105}.sm-col-issue{background:#f59e0b05}.sm-stock-badge{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:6px;min-width:60px;padding:4px 10px;font-weight:700;display:inline-block}.sm-badge-zero{color:#ef4444;background:#ef44440d;border-color:#ef44444d}.sm-qty-positive{color:#10b981;font-size:.95rem;font-weight:800}.sm-qty-negative{color:#f59e0b;font-size:.95rem;font-weight:800}.sm-amt-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem;font-weight:600}.sm-zero{color:var(--border);font-weight:400}.sm-net{text-align:center;border-radius:6px;min-width:60px;padding:4px 10px;font-size:.95rem;font-weight:800;display:inline-block}.sm-net-pos{color:#10b981;background:#10b9811a}.sm-net-neg{color:#ef4444;background:#ef44441a}.sm-net-zero{color:var(--text-muted)}.sm-row-empty .sm-td-name{opacity:.6}.sm-totals-row td{background:var(--card);border-top:2px solid var(--border);z-index:10;border-bottom:none;padding-top:16px;padding-bottom:16px;position:sticky;bottom:0}@media (width<=768px){.sm-controls,.sm-report{padding:1rem}.sm-custom-dates{flex-direction:column;align-items:stretch;width:100%}}.um-page{padding:0;position:relative}.um-toast{color:#fff;z-index:1000;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:10px;padding:.65rem 1.2rem;font-size:.82rem;font-weight:600;animation:.3s um-toast-in;position:fixed;top:1rem;right:1rem;box-shadow:0 4px 16px #22c55e4d}@keyframes um-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.um-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.um-title{color:var(--text);margin:0;font-size:1.3rem;font-weight:800}.um-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.78rem}.um-layout{grid-template-columns:340px 1fr;gap:1rem;min-height:70vh;display:grid}@media (width<=900px){.um-layout{grid-template-columns:1fr}}.um-list-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.um-search-wrap{border-bottom:1px solid var(--border);padding:.75rem}.um-search{background:var(--bg-body);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.55rem .8rem;font-size:.82rem;transition:border-color .2s}.um-search:focus{border-color:var(--accent)}.um-user-list{scrollbar-width:thin;max-height:70vh;overflow-y:auto}.um-user-card{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:.65rem;padding:.7rem .85rem;transition:background .15s;display:flex}.um-user-card:hover{background:var(--hover)}.um-user-card.active{border-left:3px solid var(--accent);background:#6366f11f}.um-user-avatar{background:var(--hover);width:38px;height:38px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;overflow:hidden}.um-user-avatar img{object-fit:cover;width:100%;height:100%}.um-user-info{flex:1;min-width:0}.um-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.um-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.um-status-badge{border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:.7rem;font-weight:700}.um-status-badge.approved{color:#22c55e;background:#22c55e26}.um-status-badge.pending{color:#fbbf24;background:#fbbf2426}.um-detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;max-height:80vh;padding:1.25rem;overflow-y:auto}.um-placeholder{height:100%;min-height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;font-size:.88rem;display:flex}.um-placeholder-icon{opacity:.3;margin-bottom:.5rem;font-size:3rem}.um-detail-card{background:var(--bg-body);border-radius:12px;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.um-detail-avatar{background:var(--hover);width:60px;height:60px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;overflow:hidden}.um-detail-avatar img{object-fit:cover;width:100%;height:100%}.um-detail-info h2{color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.um-detail-meta{color:var(--text-muted);margin:2px 0;font-size:.78rem}.um-detail-actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.um-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:all .15s}.um-btn:hover{background:var(--hover)}.um-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none}.um-btn-primary:hover{box-shadow:0 4px 12px #6366f14d}.um-btn-primary:disabled{opacity:.6;cursor:not-allowed}.um-btn-success{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.um-btn-warn{color:#fbbf24;background:#fbbf241f;border-color:#fbbf244d}.um-btn-danger{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.um-perm-tabs{border-bottom:2px solid var(--border);gap:.25rem;margin-bottom:.75rem;display:flex}.um-perm-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.55rem 1rem;font-size:.82rem;font-weight:600;transition:all .15s}.um-perm-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.um-perm-tab:hover{color:var(--text)}.um-perm-section{margin-top:.5rem}.um-perm-selector{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.82rem;display:flex}.um-perm-selector label{font-weight:600}.um-perm-selector select{background:var(--bg-body);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:.4rem .6rem;font-size:.82rem}.um-matrix-wrap{border:1px solid var(--border);border-radius:10px;max-height:50vh;overflow:auto}.um-matrix{border-collapse:collapse;width:100%;font-size:.78rem}.um-matrix thead th{background:var(--surface);color:var(--text-muted);text-align:center;border-bottom:2px solid var(--border);z-index:1;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;font-size:.7rem;font-weight:700;position:sticky;top:0}.um-module-col{min-width:140px;text-align:left!important}.um-action-col{width:70px}.um-matrix tbody tr{border-bottom:1px solid var(--border)}.um-matrix tbody tr:hover td{background:var(--hover)}.um-module-name{color:var(--text);padding:6px 10px;font-weight:600}.um-check-cell{text-align:center;padding:4px}.um-perm-check{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.um-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0009;justify-content:center;align-items:center;animation:.2s um-fade-in;display:flex;position:fixed;inset:0}@keyframes um-fade-in{0%{opacity:0}to{opacity:1}}.um-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:540px;animation:.25s um-modal-in;box-shadow:0 20px 60px #0006}.um-modal-sm{max-width:380px}@keyframes um-modal-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.um-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.um-modal-header h3{color:var(--text);margin:0;font-size:1rem;font-weight:700}.um-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.1rem}.um-modal-error{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;margin:.75rem 1.5rem 0;padding:.5rem .75rem;font-size:.78rem}.um-create-form{padding:1rem 1.5rem 1.5rem}.um-form-row{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.um-form-group{flex-direction:column;gap:.3rem;display:flex}.um-form-group:not(.um-form-row .um-form-group){margin-bottom:.75rem}.um-form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;font-weight:600}.um-form-group input{background:var(--bg-body);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:.55rem .75rem;font-size:.82rem;transition:border-color .2s}.um-form-group input:focus{border-color:var(--accent)}.um-modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.75rem 1.5rem 1rem;display:flex}.um-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:2rem;font-size:.85rem;display:flex}.um-no-data{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.82rem}.um-no-access{min-height:50vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.um-area-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;padding:.5rem 0;display:grid}.um-area-card{background:var(--surface);border:2px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:all .2s;display:flex}.um-area-card:hover{border-color:var(--accent);background:var(--hover)}.um-area-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#3b82f614}.um-area-check{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.um-area-info{flex:1;min-width:0}.um-area-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.um-area-facility{color:var(--text-muted);margin-top:2px;font-size:.72rem}.um-area-hint{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:8px;grid-column:1/-1;padding:.75rem;font-size:.8rem}:root{--sc-bg:#0f1117;--sc-surface:#1a1d27;--sc-border:#2a2d3a;--sc-text:#e8eaed;--sc-text-muted:#8b8fa3;--sc-accent:#6366f1;--sc-accent-glow:#6366f11f;--sc-success:#22c55e;--sc-danger:#ef4444;--sc-warning:#f59e0b;--sc-bg-gradient:linear-gradient(160deg, #0f1117 0%, #161927 50%, #0f1117 100%);--sc-header-gradient:linear-gradient(135deg, #a5b4fc, #818cf8)}[data-theme=light]{--sc-bg:#f8fafc;--sc-surface:#fff;--sc-border:#e2e8f0;--sc-text:#0f172a;--sc-text-muted:#64748b;--sc-accent:#4f46e5;--sc-accent-glow:#4f46e51f;--sc-success:#16a34a;--sc-danger:#dc2626;--sc-warning:#d97706;--sc-bg-gradient:linear-gradient(160deg, #f0f4f8 0%, #e2e8f0 50%, #f0f4f8 100%);--sc-header-gradient:linear-gradient(135deg, #4f46e5, #6366f1)}.sc-submit-page{background:var(--sc-bg-gradient);min-height:100dvh;color:var(--sc-text);flex-direction:column;align-items:center;padding:1.5rem 1rem 3rem;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex}.sc-top-actions{justify-content:flex-end;gap:.5rem;width:100%;max-width:520px;margin-bottom:.5rem;display:flex}.sc-action-btn{background:var(--sc-surface);border:1px solid var(--sc-border);color:var(--sc-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.4rem .6rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sc-action-btn:hover{border-color:var(--sc-accent);color:var(--sc-accent)}.sc-submit-header{text-align:center;margin-bottom:1.5rem}.sc-submit-header h1{background:var(--sc-header-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:1.6rem;font-weight:700}.sc-submit-header p{color:var(--sc-text-muted);margin:0;font-size:.9rem}.sc-submit-form-wrap{width:100%;max-width:520px}.sc-submit-loading{text-align:center;color:var(--sc-text-muted);padding:3rem 1rem}.sc-submit-spinner{border:3px solid var(--sc-border);border-top-color:var(--sc-accent);border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.7s linear infinite scSpin}@keyframes scSpin{to{transform:rotate(360deg)}}.sc-submit-success{text-align:center;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:16px;padding:2rem 1.5rem}.sc-submit-success-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:2rem;display:flex}.sc-submit-success h2{margin:0 0 .5rem;font-size:1.4rem}.sc-submit-success p{color:var(--sc-text-muted);margin:0 0 1rem}.sc-ref-box{background:#6366f114;border:1px solid #6366f133;border-radius:10px;flex-direction:column;gap:.15rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.sc-ref-box span{color:var(--sc-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.sc-ref-box strong{color:var(--sc-accent);word-break:break-all;font-size:.9rem}.sc-warning-msg{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:8px;margin-bottom:1rem;padding:.6rem .85rem;font-size:.85rem}.sc-submit-error-state{text-align:center;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:16px;padding:2rem 1.5rem}.sc-submit-error-state .error-icon{margin-bottom:.5rem;font-size:2.5rem}.sc-submit-error-state p{color:var(--sc-text-muted)}.sc-resident-summary{background:#6366f10f;border:1px solid #6366f126;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.sc-resident-name{font-size:.95rem;font-weight:600}.sc-resident-facility{color:var(--sc-text-muted);font-size:.8rem}.sc-anonymous-notice{color:var(--sc-text-muted);background:#f59e0b0f;border:1px solid #f59e0b26;border-radius:12px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem}.sc-alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;margin-bottom:1rem;padding:.65rem .85rem;font-size:.85rem}.sc-form-group{margin-bottom:1.1rem}.sc-form-group label{color:var(--sc-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.sc-form-input{background:var(--sc-surface);border:1.5px solid var(--sc-border);width:100%;color:var(--sc-text);box-sizing:border-box;border-radius:10px;padding:.7rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.sc-form-input:focus{border-color:var(--sc-accent);box-shadow:0 0 0 3px var(--sc-accent-glow);outline:none}.sc-form-input::placeholder{color:var(--sc-text-muted)}textarea.sc-form-input{resize:vertical;min-height:100px}select.sc-form-input{appearance:none;cursor:pointer}.sc-toggle-group{flex-wrap:wrap;gap:.5rem;display:flex}.sc-toggle-btn{border:1.5px solid var(--sc-border);background:var(--sc-surface);min-width:0;color:var(--sc-text-muted);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:.6rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s}.sc-toggle-btn:hover{border-color:var(--sc-accent);color:var(--sc-text)}.sc-toggle-btn.active{border-color:var(--sc-accent);background:var(--sc-accent-glow);color:var(--sc-accent)}.sc-toggle-btn.active.priority-low{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.sc-toggle-btn.active.priority-medium{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}.sc-toggle-btn.active.priority-high{color:#f97316;background:#f973161a;border-color:#f97316}.sc-toggle-btn.active.priority-urgent{color:#ef4444;background:#ef44441a;border-color:#ef4444}.sc-audio-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sc-btn-record{border:1.5px solid var(--sc-border);background:var(--sc-surface);color:var(--sc-text);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.sc-btn-record:hover{border-color:var(--sc-accent)}.sc-btn-stop{color:#ef4444;cursor:pointer;background:#ef44441a;border:1.5px solid #ef4444;border-radius:8px;padding:.5rem 1rem;font-size:.85rem}.sc-recording-indicator{color:#ef4444;font-size:.8rem;animation:1s ease-in-out infinite scPulse}@keyframes scPulse{0%,to{opacity:1}50%{opacity:.4}}.sc-audio-preview{align-items:center;gap:.5rem;width:100%;display:flex}.sc-audio-preview audio{flex:1;height:36px}.sc-btn-remove{border:1px solid var(--sc-border);background:var(--sc-surface);color:var(--sc-text-muted);cursor:pointer;border-radius:6px;padding:.35rem .6rem;font-size:.8rem}.sc-btn-remove:hover{color:#ef4444;border-color:#ef4444}.sc-audio-error,.sc-image-error{color:#fca5a5;margin-top:.3rem;font-size:.8rem}.sc-image-controls{flex-direction:column;gap:.5rem;display:flex}.sc-btn-upload{border:1.5px dashed var(--sc-border);background:var(--sc-surface);color:var(--sc-text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;transition:all .2s;display:inline-flex}.sc-btn-upload:hover{border-color:var(--sc-accent);color:var(--sc-text)}.sc-image-preview{border:1px solid var(--sc-border);border-radius:10px;position:relative;overflow:hidden}.sc-image-preview img{object-fit:cover;width:100%;max-height:220px;display:block}.sc-image-preview .sc-btn-remove{position:absolute;top:8px;right:8px}.sc-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:.9rem;font-size:1rem;font-weight:700;transition:all .2s}.sc-btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f14d}.sc-btn-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.sc-btn-another{border:1.5px solid var(--sc-accent);width:100%;color:var(--sc-accent);cursor:pointer;background:0 0;border-radius:12px;padding:.8rem;font-size:.95rem;font-weight:600;transition:all .2s}.sc-btn-another:hover{background:var(--sc-accent-glow)}@media (width<=480px){.sc-submit-page{padding:1rem .75rem 2rem}.sc-submit-header h1{font-size:1.35rem}.sc-toggle-group{gap:.35rem}.sc-toggle-btn{padding:.5rem .4rem;font-size:.8rem}}.cp-page{max-width:1200px;margin:0 auto;padding:1.25rem}.cp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.cp-header h1{margin:0;font-size:1.5rem;font-weight:700}.cp-header p{color:var(--text-muted);margin:.15rem 0 0;font-size:.85rem}.cp-btn-new{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s}.cp-btn-new:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.cp-alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;margin-bottom:1rem;padding:.6rem .85rem;font-size:.85rem}.cp-filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.cp-filter-bar input,.cp-filter-bar select{background:var(--surface);border:1.5px solid var(--border);color:var(--text);border-radius:10px;padding:.55rem .75rem;font-family:inherit;font-size:.85rem;transition:border-color .2s}.cp-filter-bar input{flex:1;min-width:180px}.cp-filter-bar select{appearance:none;cursor:pointer;min-width:130px}.cp-filter-bar input:focus,.cp-filter-bar select:focus{border-color:var(--accent);outline:none}.cp-loading,.cp-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.cp-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:0 auto .75rem;animation:.7s linear infinite cpSpin}@keyframes cpSpin{to{transform:rotate(360deg)}}.cp-empty-icon{margin-bottom:.5rem;font-size:2.5rem}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;display:grid}.cp-card{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:14px;padding:1rem;transition:border-color .2s,transform .15s}.cp-card:hover{border-color:var(--accent);transform:translateY(-2px)}.cp-card.status-open{border-left:3px solid #3b82f6}.cp-card.status-progress{border-left:3px solid #f59e0b}.cp-card.status-resolved{border-left:3px solid #22c55e}.cp-card.status-closed{border-left:3px solid var(--text-muted)}.cp-card-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.cp-type{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.cp-type.complaint{color:#f97316}.cp-type.suggestion{color:#a78bfa}.cp-priority{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.cp-priority.priority-low{color:#22c55e;background:#22c55e26}.cp-priority.priority-medium{color:#f59e0b;background:#f59e0b26}.cp-priority.priority-high{color:#f97316;background:#f9731626}.cp-priority.priority-urgent{color:#ef4444;background:#ef444426}.cp-card h4{margin:0 0 .3rem;font-size:.95rem;font-weight:600}.cp-card-desc{color:var(--text-muted);margin:0 0 .5rem;font-size:.82rem;line-height:1.4}.cp-card-footer{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.cp-status{border-radius:6px;padding:.1rem .45rem;font-weight:600}.cp-status.status-open{color:#60a5fa;background:#3b82f626}.cp-status.status-progress{color:#fbbf24;background:#f59e0b26}.cp-status.status-resolved{color:#4ade80;background:#22c55e26}.cp-status.status-closed{color:#94a3b8;background:#94a3b826}.cp-complainant{color:var(--text-muted);margin-top:.35rem;font-size:.8rem}.cp-media-badges{gap:.35rem;margin-top:.35rem;display:flex}.cp-media-badge{color:var(--accent);background:#6366f11a;border-radius:5px;padding:.1rem .4rem;font-size:.7rem}.cp-modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.15s cpFadeIn;display:flex;position:fixed;inset:0}@keyframes cpFadeIn{0%{opacity:0}to{opacity:1}}.cp-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;box-shadow:0 16px 48px #0006}.cp-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.cp-modal-header h3{margin:0;font-size:1.1rem}.cp-btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.2rem}.cp-btn-close:hover{color:var(--text)}.cp-modal-body{flex:1;padding:1.25rem;overflow-y:auto}.cp-modal-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;display:flex}.cp-form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.cp-form-group{flex-direction:column;gap:.3rem;display:flex}.cp-form-group.full-width{grid-column:1/-1}.cp-form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.cp-form-input{background:var(--bg);border:1.5px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:10px;padding:.6rem .75rem;font-family:inherit;font-size:.85rem}.cp-form-input:focus{border-color:var(--accent);outline:none}textarea.cp-form-input{resize:vertical;min-height:80px}select.cp-form-input{appearance:none;cursor:pointer}.cp-detail-row{gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.cp-detail-row .label{color:var(--text-muted);min-width:90px;font-weight:600}.cp-detail-section{margin-top:1rem}.cp-detail-section h4{color:var(--text-muted);margin:0 0 .4rem;font-size:.85rem}.cp-detail-section p{white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.5}.cp-complaint-image{object-fit:contain;border-radius:10px;width:100%;max-height:300px;margin-top:.35rem}.cp-complaint-audio{width:100%;margin-top:.35rem}.cp-resolve-section{margin-top:1rem}.cp-resolve-section h4{margin:0 0 .4rem;font-size:.85rem}.cp-resolve-section textarea{box-sizing:border-box;width:100%}.cp-btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.cp-btn:disabled{opacity:.5;cursor:not-allowed}.cp-btn-primary{background:var(--accent);color:#fff}.cp-btn-primary:hover{box-shadow:0 2px 12px #6366f140}.cp-btn-secondary{background:var(--border);color:var(--text)}.cp-btn-success{color:#fff;background:#22c55e}.cp-btn-success:hover{box-shadow:0 2px 12px #22c55e40}.cp-btn-danger{color:#fff;background:#ef4444}.cp-btn-danger:hover{box-shadow:0 2px 12px #ef444440}.cp-btn-info{color:#fff;background:#3b82f6}.cp-btn-info:hover{box-shadow:0 2px 12px #3b82f640}.cp-delete-msg{font-size:.9rem}.cp-delete-msg strong{color:var(--text)}.cp-delete-msg .text-danger{color:#fca5a5;margin-top:.5rem;font-size:.82rem}@media (width<=640px){.cp-page{padding:.75rem}.cp-header h1{font-size:1.2rem}.cp-grid,.cp-form-grid{grid-template-columns:1fr}.cp-modal{max-width:100%}.cp-modal-footer{justify-content:stretch}.cp-modal-footer .cp-btn{text-align:center;flex:1}}.mt-page{width:100%;max-width:100%;min-height:calc(100vh - 60px);margin:0 auto;padding:1.25rem}.mt-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.mt-header h1{background:linear-gradient(135deg, var(--text), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.6rem;font-weight:700}.mt-header p{color:var(--text-muted);margin:.2rem 0 0;font-size:.85rem}.mt-btn-new{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;box-shadow:0 4px 12px #6366f140}.mt-btn-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.mt-alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;margin-bottom:1rem;padding:.6rem .85rem;font-size:.85rem}.mt-filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:flex;box-shadow:0 2px 10px #00000005}.mt-filter-bar input,.mt-filter-bar select{background:var(--bg);border:1.5px solid var(--border);color:var(--text);border-radius:10px;padding:.6rem .85rem;font-family:inherit;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.mt-filter-bar input{flex:1;min-width:200px}.mt-filter-bar select{appearance:none;cursor:pointer;min-width:140px}.mt-filter-bar input:focus,.mt-filter-bar select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f126}.mt-result-count{color:var(--text-muted);margin-left:auto;padding-right:.5rem;font-size:.85rem;font-weight:500}.mt-sticky-top{z-index:10;background:var(--card);margin-top:-1.25rem;padding-top:1.25rem;padding-bottom:.5rem;position:sticky;top:-1.25rem}.mt-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;width:100%;display:grid}.mt-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;height:100%;padding:1.15rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mt-card:before{content:"";background:0 0;width:4px;transition:background .25s;position:absolute;top:0;bottom:0;left:0}[dir=rtl] .mt-card:before{left:auto;right:0}.mt-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.mt-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#6366f108}.mt-card.status-pending:before{background:#f59e0b}.mt-card.status-assigned:before{background:#3b82f6}.mt-card.status-inprogress:before{background:#8b5cf6}.mt-card.status-completed:before{background:#22c55e}.mt-card.status-cancelled:before{background:#6b7280}.mt-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.6rem;display:flex}.mt-status-badge{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.mt-status-badge.status-pending{color:#f59e0b;background:#f59e0b26}.mt-status-badge.status-assigned{color:#60a5fa;background:#3b82f626}.mt-status-badge.status-inprogress{color:#a78bfa;background:#8b5cf626}.mt-status-badge.status-completed{color:#4ade80;background:#22c55e26}.mt-status-badge.status-cancelled{color:#9ca3af;background:#6b728026}.mt-card h4{color:var(--text);flex:1;margin:0 0 .6rem;font-size:1.05rem;font-weight:600;line-height:1.4}.mt-card-meta{color:var(--text-muted);flex-direction:column;gap:.35rem;margin-top:auto;font-size:.85rem;display:flex}.mt-card-meta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mt-card-meta-row span{align-items:center;gap:.25rem;display:inline-flex}.mt-card-date{color:var(--text-muted);font-size:.8rem}.mt-linked{color:var(--accent);margin-top:.5rem;font-size:.75rem;font-weight:500;display:inline-block}.mt-loading,.mt-empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:16px;padding:3rem 1rem}.mt-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:0 auto .75rem;animation:.7s linear infinite mtSpin}@keyframes mtSpin{to{transform:rotate(360deg)}}.mt-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.15s mtFadeIn;display:flex;position:fixed;inset:0}@keyframes mtFadeIn{0%{opacity:0}to{opacity:1}}.mt-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0006}.mt-modal.large{max-width:800px}.mt-modal-header{background:rgba(var(--surface-rgb), .8);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.mt-modal-header h3{align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.mt-dp-id{color:var(--text-muted);background:var(--bg);border-radius:6px;padding:.2rem .5rem;font-family:monospace;font-size:.85rem}.mt-btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.2rem;transition:color .2s}.mt-btn-close:hover{color:var(--text)}.mt-modal-body{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.mt-modal-footer{border-top:1px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.mt-timeline{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem .5rem 1.5rem;display:flex;position:relative}.mt-timeline:before{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:20px;left:0;right:0}.mt-timeline-step{z-index:1;color:var(--text-muted);flex-direction:column;align-items:center;gap:.4rem;width:80px;display:flex;position:relative}.mt-timeline-dot{background:var(--surface);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.mt-timeline-label{text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:.75rem;font-weight:600}.mt-timeline-step.completed .mt-timeline-dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px #6366f126}.mt-timeline-step.completed .mt-timeline-label{color:var(--text)}.mt-timeline-step.active .mt-timeline-dot{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px #6366f166}.mt-timeline-step.active .mt-timeline-label{color:var(--accent);font-weight:700}.mt-timeline-step.cancelled .mt-timeline-dot{color:#fff;background:#ef4444;border-color:#ef4444}.mt-timeline-step.cancelled .mt-timeline-label{color:#ef4444}.mt-dp-section{flex-direction:column;gap:.5rem;display:flex}.mt-dp-section h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);margin:0;padding-bottom:.25rem;font-size:.85rem;font-weight:600}.mt-dp-box{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;border-radius:12px;padding:1rem;font-size:.95rem;line-height:1.6}.mt-dp-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.mt-dp-item{flex-direction:column;gap:.25rem;display:flex}.mt-dp-item-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.mt-dp-item-value{font-size:.9rem;font-weight:500}.mt-dp-completed-work{background:#22c55e0f;border:1px solid #22c55e33;border-radius:12px;padding:1.25rem}.mt-dp-completed-work .work-header{color:#16a34a;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.mt-dp-completed-work p{margin:0 0 .5rem;font-size:.9rem;line-height:1.5}.mt-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mt-form-group{flex-direction:column;gap:.4rem;display:flex}.mt-form-group.full-width{grid-column:1/-1}.mt-form-group label{color:var(--text-muted);font-size:.8rem;font-weight:600}.mt-form-input{background:var(--bg);border:1.5px solid var(--border);color:var(--text);border-radius:10px;padding:.7rem .85rem;font-family:inherit;font-size:.9rem;transition:all .2s}.mt-form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f126}textarea.mt-form-input{resize:vertical;min-height:80px}.mt-complete-panel{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-top:1rem;padding:1.25rem;animation:.3s mtFadeIn;position:relative;overflow:hidden}.mt-complete-panel:before{content:"";background:#3b82f6;width:4px;position:absolute;top:0;bottom:0;left:0}[dir=rtl] .mt-complete-panel:before{left:auto;right:0}.mt-complete-panel h3{align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;display:flex}.mt-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.mt-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.mt-btn:disabled{opacity:.5;cursor:not-allowed}.mt-btn-sm{border-radius:8px;padding:.4rem .75rem;font-size:.8rem}.mt-btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.mt-btn-outline:hover:not(:disabled){border-color:var(--text-muted);background:var(--bg)}.mt-btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #6366f133}.mt-btn-secondary{background:var(--border);color:var(--text)}.mt-btn-success{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b98133}.mt-btn-danger{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef444433}.mt-btn-info{color:#fff;background:#3b82f6;box-shadow:0 4px 12px #3b82f633}@media (width<=768px){.mt-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr));gap:1rem}.mt-form-grid,.mt-dp-grid{grid-template-columns:1fr}.mt-timeline{display:none}.mt-modal{border-radius:0;max-width:100%;height:100vh;max-height:100vh;margin:0}}.text-highlight{color:var(--text);background-color:#facc1540;border-radius:4px;padding:0 2px;font-weight:700}.ig-page{max-width:900px;margin:0 auto;padding:1.25rem}.ig-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.ig-page-header h1{margin:0;font-size:1.4rem;font-weight:700}.ig-header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ig-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;margin-bottom:1rem;overflow:hidden}.ig-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.ig-card-header.primary{color:var(--accent);background:linear-gradient(135deg,#6366f11f,#818cf814)}.ig-card-header.success{color:#4ade80;background:linear-gradient(135deg,#22c55e1f,#16a34a14)}.ig-card-header.info{color:#60a5fa;background:linear-gradient(135deg,#3b82f61f,#2563eb14)}.ig-card-body{padding:1rem}.ig-form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.ig-form-group{flex-direction:column;gap:.3rem;display:flex}.ig-form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.ig-form-input{background:var(--bg);border:1.5px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:10px;padding:.6rem .75rem;font-family:inherit;font-size:.85rem}.ig-form-input:focus{border-color:var(--accent);outline:none}.ig-input-group{display:flex}.ig-input-group .ig-form-input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.ig-input-toggle{border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-left:none;border-radius:0 10px 10px 0;padding:.5rem .75rem;font-size:.85rem}.ig-input-toggle:hover{color:var(--text)}.ig-form-actions{justify-content:flex-end;margin-top:.75rem;display:flex}.ig-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .15s}.ig-btn:hover{border-color:var(--accent)}.ig-btn:disabled{opacity:.5;cursor:not-allowed}.ig-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.ig-btn-primary:hover{box-shadow:0 2px 12px #6366f140}.ig-btn-sm{border-radius:6px;padding:.3rem .6rem;font-size:.78rem}.ig-btn-danger{color:#ef4444;border-color:#ef44444d}.ig-btn-danger:hover{background:#ef444414;border-color:#ef4444}.ig-btn-info{color:#60a5fa;border-color:#3b82f64d}.ig-btn-info:hover{background:#3b82f614;border-color:#60a5fa}.ig-btn-success{color:#4ade80;border-color:#22c55e4d}.ig-btn-success:hover{background:#22c55e14;border-color:#4ade80}.ig-btn-group{gap:.3rem;display:flex}.ig-alert{border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.85rem;display:flex}.ig-alert-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40}.ig-alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440}.ig-alert .ig-alert-close{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1rem}.ig-table{border-collapse:collapse;width:100%;font-size:.85rem}.ig-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.75rem;font-weight:600}.ig-table td{border-bottom:1px solid #ffffff0a;padding:.55rem .75rem}.ig-table tr:hover td{background:#6366f10a}.ig-table code{color:var(--accent);background:#6366f11a;border-radius:5px;padding:.15rem .4rem;font-size:.8rem}.ig-table-empty{color:var(--text-muted);padding:1rem .75rem;font-size:.85rem}.ig-loading{text-align:center;color:var(--text-muted);padding:3rem 1rem}.ig-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:0 auto .75rem;animation:.7s linear infinite igSpin}@keyframes igSpin{to{transform:rotate(360deg)}}.ig-modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.15s igFadeIn;display:flex;position:fixed;inset:0}@keyframes igFadeIn{0%{opacity:0}to{opacity:1}}.ig-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:460px;box-shadow:0 16px 48px #0006}.ig-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.ig-modal-header h3{margin:0;font-size:1rem}.ig-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.ig-modal-body{padding:1.25rem}.ig-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;display:flex}.ig-modal-hint{color:var(--text-muted);margin-top:.25rem;font-size:.78rem}@media (width<=640px){.ig-page{padding:.75rem}.ig-page-header h1{font-size:1.15rem}.ig-form-row{grid-template-columns:1fr}.ig-table th:nth-child(3),.ig-table td:nth-child(3){display:none}}.am-page{border-radius:inherit;flex-direction:column;gap:0;max-width:100%;padding:1.25rem;display:flex;position:absolute;inset:0;overflow:hidden}.am-title-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 0 .75rem;display:flex}.am-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.am-tabs{gap:.5rem;margin-bottom:.75rem;display:flex}.am-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:10px;padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .15s}.am-tab:hover{background:var(--hover);color:var(--text)}.am-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.am-filters{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.65rem;margin-bottom:1rem;padding:.75rem;display:flex}.am-filter-group{flex-direction:column;gap:.25rem;display:flex}.am-date-range{gap:.65rem;display:flex}.am-date-range .am-filter-group{flex:1;min-width:0}.am-filter-search{min-width:250px}.am-filter-search .am-filter-input{width:100%}.am-filter-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.7rem;font-weight:700}.am-filter-input{background:var(--card,var(--surface));border:1.5px solid var(--border);color:var(--text);border-radius:8px;min-width:130px;padding:.45rem .75rem;font-size:.875rem;transition:border-color .2s}.am-filter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.am-filter-input option{background:var(--surface);color:var(--text)}.am-filter-actions{align-items:flex-end;gap:.5rem;margin-top:auto;margin-left:auto;display:flex}.am-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:all .15s}.am-btn:hover{background:var(--hover)}.am-btn:disabled{opacity:.4;cursor:not-allowed}.am-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.am-btn-primary:hover{background:#2563eb}.am-btn-export{color:#10b981;border-color:#10b98166}.am-btn-export:hover{background:#10b98114;border-color:#10b981}.am-btn-print{color:#a78bfa;border-color:#8b5cf666}.am-btn-print:hover{background:#8b5cf614;border-color:#a78bfa}.am-content{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex}.am-loading{text-align:center;color:var(--text-muted);padding:2rem;font-size:.95rem}.am-error{color:#ef4444;background:#ef444414;border:1px solid #ef44444d;border-radius:8px;padding:.75rem 1rem;font-size:.88rem}.am-count{color:var(--text-muted);font-size:.8rem;font-weight:600}.am-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.am-empty-icon{font-size:2.5rem}.am-table-wrap{border:1px solid var(--border);border-radius:12px;flex:1;max-width:100%;min-height:0;overflow:auto}.am-table{border-collapse:collapse;width:100%;font-size:.83rem}.am-meal-table{table-layout:fixed}.am-meal-table th:first-child{width:12%}.am-meal-table th:nth-child(2){width:24%}.am-meal-table th:nth-child(3),.am-meal-table th:nth-child(4),.am-meal-table th:nth-child(5),.am-meal-table th:nth-child(6){width:16%}.am-table th{background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap;z-index:1;padding:.8rem 1.25rem;font-size:.72rem;font-weight:700;position:sticky;top:0}.am-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:.8rem 1.25rem}.am-table tr:last-child td{border-bottom:none}.am-row-even{background:var(--hover)}.am-empty-row{text-align:center;color:var(--text-muted);padding:2rem!important}.am-cell-time{white-space:nowrap;color:var(--text-muted);font-size:.78rem}.am-cell-person{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.am-mini-photo{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:28px;height:28px}.am-activity-badge{background:var(--accent-glow);color:var(--accent);border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.am-activity-meal{color:#f59e0b;background:#fbbf241f}.am-activity-facility{color:#10b981;background:#10b9811f}.am-activity-event{color:#8b5cf6;background:#8b5cf61f}.am-pagination{justify-content:center;padding:.75rem 0;display:flex}.am-report-header{margin-bottom:1rem}.am-report-title{color:var(--text);margin:0 0 .2rem;font-size:1.1rem;font-weight:700}.am-report-subtitle{color:var(--text-muted);font-size:.82rem}.am-meal-summary{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.am-meal-card{border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;display:flex}.am-meal-card-icon{font-size:1.5rem}.am-meal-card-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.75rem;font-weight:700}.am-meal-card-num{font-size:1.8rem;font-weight:900;line-height:1}.am-meal-breakfast{background:linear-gradient(135deg,#fbbf241f,#fbbf240a);border-color:#fbbf244d}.am-meal-breakfast .am-meal-card-num{color:#f59e0b}.am-meal-lunch{background:linear-gradient(135deg,#3b82f61f,#3b82f60a);border-color:#3b82f64d}.am-meal-lunch .am-meal-card-num{color:#3b82f6}.am-meal-dinner{background:linear-gradient(135deg,#8b5cf61f,#8b5cf60a);border-color:#8b5cf64d}.am-meal-dinner .am-meal-card-num{color:#8b5cf6}.am-meal-total{background:linear-gradient(135deg,#10b9811f,#10b9810a);border-color:#10b9814d}.am-meal-total .am-meal-card-num{color:#10b981}.am-meal-table .am-service-cell{color:var(--accent);vertical-align:top;white-space:normal;word-break:break-word;background:var(--accent-glow);border-right:2px solid var(--accent);text-overflow:ellipsis;font-weight:700;overflow:hidden}.am-meal-table td:nth-child(2){white-space:normal;word-break:break-word;text-overflow:ellipsis;overflow:hidden}.am-col-meal{text-align:center;font-weight:600}.am-col-total{text-align:center;color:var(--accent);font-weight:800}.am-subtotal-row{background:var(--hover)}.am-subtotal-row td{font-size:.82rem;font-weight:700}.am-subtotal-label{color:var(--text-muted)}.am-grand-row{background:linear-gradient(90deg,#3b82f614,#0000)}.am-grand-row td{border-top:2px solid var(--accent);font-size:.9rem;font-weight:800}.am-grand-label{color:var(--text)}.am-row-data td{transition:background .1s}.am-row-data:hover td{background:var(--hover)}@media (width<=640px){.am-page{padding:.75rem}.am-meal-summary{grid-template-columns:repeat(2,1fr)}.am-filters{flex-direction:column;align-items:stretch}.am-date-range,.am-filter-group,.am-filter-input{width:100%}.am-filter-search{width:100%;min-width:0}.am-title{font-size:1rem}.am-filter-actions{flex-wrap:wrap;width:100%;margin-top:.5rem;margin-left:0}.am-filter-actions .am-btn{flex:1;min-width:calc(33.33% - .5rem);padding:.45rem .5rem}}.areas-page{flex-direction:column;gap:1.5rem;padding:.5rem;display:flex}.areas-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.areas-title{color:var(--text);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.areas-title span{font-size:1.5rem}.areas-actions{gap:1rem;display:flex}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:opacity .2s;display:flex}.btn-primary:hover{opacity:.9}.areas-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.areas-modal{background:var(--card);border:1px solid var(--border);border-radius:12px;width:90%;max-width:450px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.areas-modal-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.areas-modal-header h3{color:var(--text);margin:0;font-size:1.1rem}.areas-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem;line-height:1}.areas-modal-close:hover{color:var(--text)}.areas-modal-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.areas-form-group{flex-direction:column;gap:.4rem;display:flex}.areas-form-group label{color:var(--text);font-size:.85rem;font-weight:600}.areas-form-group input[type=text],.areas-form-group select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:.6rem;font-family:inherit;font-size:.9rem}.areas-form-group input:focus,.areas-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.areas-switch-label{cursor:pointer;color:var(--text);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.areas-switch{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:20px;outline:none;width:40px;height:20px;transition:background .3s;position:relative}.app-layout[data-theme=dark] .areas-switch{background:#475569}.areas-switch:checked{background:var(--primary)}.areas-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .3s;position:absolute;top:2px;left:2px}.areas-switch:checked:after{left:22px}.areas-modal-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-weight:500}.btn-secondary:hover{background:var(--hover)}.areas-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.area-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex}.area-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.area-card-header{justify-content:space-between;align-items:flex-start;display:flex}.area-card-title{color:var(--text);word-break:break-word;margin:0;font-size:1.1rem;font-weight:600}.area-status-badge{text-transform:uppercase;border-radius:12px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.area-status-badge.active{color:#22c55e;background:#22c55e26}.area-status-badge.inactive{color:#ef4444;background:#ef444426}.area-card-body{color:var(--text-muted);flex-direction:column;flex:1;gap:.25rem;font-size:.85rem;display:flex}.area-card-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:.5rem;margin-top:.5rem;padding-top:.75rem;display:flex}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.btn-icon:hover{background:var(--hover);color:var(--text)}.btn-icon.delete:hover{color:#ef4444;background:#ef44441a}.areas-emptystate{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:12px;padding:3rem 1rem}.areas-loader{color:var(--text-muted);justify-content:center;padding:3rem;font-size:1.1rem;display:flex}.areas-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:1rem;padding:1rem}.activities-section{border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:.75rem}.activities-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.activities-title{color:var(--text);margin:0;font-size:.9rem;font-weight:600}.btn-secondary-sm{background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.8rem;font-weight:500;display:flex}.btn-secondary-sm:hover{background:var(--hover)}.activities-list{flex-direction:column;gap:.5rem;display:flex}.activity-item{background:var(--bg);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;padding:.6rem;display:flex}.activity-info{flex-direction:column;gap:.2rem;display:flex}.activity-name{color:var(--text);font-size:.85rem;font-weight:600}.activity-details{color:var(--text-muted);flex-wrap:wrap;gap:.5rem;font-size:.75rem;display:flex}.activity-badge{background:var(--border-subtle);border-radius:4px;padding:.1rem .4rem}.activity-status-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.activity-status-dot.active{background:#22c55e}.activity-status-dot.inactive{background:#ef4444}.activity-actions{gap:.2rem;display:flex}.areas-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ar-page{width:100%;max-width:1000px;margin:0 auto}.ar-tabs{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:0;margin-bottom:1rem;display:flex;overflow:hidden}.ar-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 16px;font-size:.9rem;font-weight:700;transition:all .15s}.ar-tab:hover{background:var(--hover);color:var(--text)}.ar-tab.active{background:var(--accent);color:#fff}.ar-tab+.ar-tab{border-left:1px solid var(--border)}.ar-controls{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.ar-controls-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.ar-field{flex-direction:column;gap:4px;display:flex}.ar-field label{color:var(--text-muted);font-size:.8rem;font-weight:700}.ar-input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-size:.9rem}.ar-input:focus{border-color:var(--accent)}.ar-generate-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 24px;font-size:.9rem;font-weight:700;transition:opacity .15s}.ar-generate-btn:hover{opacity:.9}.ar-generate-btn:disabled{opacity:.5;cursor:not-allowed}.ar-pdf-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:opacity .15s}.ar-pdf-btn:hover{opacity:.85}.ar-pdf-btn:disabled{opacity:.5;cursor:not-allowed}.ar-excel-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:opacity .15s}.ar-excel-btn:hover{opacity:.85}.ar-print-btn,.ar-toggle-btn{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .15s}.ar-print-btn:hover,.ar-toggle-btn:hover{background:var(--hover);border-color:var(--accent)}.ar-summary-bar{border-top:1px solid var(--border);color:var(--text-muted);gap:1.5rem;margin-top:1rem;padding-top:.75rem;font-size:.85rem;font-weight:700;display:flex}.ar-report{flex-direction:column;gap:0;display:flex}.ar-empty{text-align:center;color:var(--text-muted);padding:3rem;font-size:.9rem}.ar-area-block{margin-bottom:0}.ar-activity-block{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:1.5rem;overflow:hidden}.ar-section-header{background:var(--card);border-bottom:2px solid var(--border);text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;padding:1rem 1.25rem;transition:background .15s}.ar-section-header:hover{background:var(--hover)}.ar-collapse-icon{color:var(--text-muted);margin-right:8px;font-size:.75rem}.ar-area-title{color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:1.1rem;font-weight:900}.ar-section-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:2rem;font-size:.85rem;font-weight:700;display:flex}.ar-meal-label{color:var(--accent);font-weight:800}.ar-table{border-collapse:collapse;width:100%;font-size:.82rem}.ar-table th{text-align:left;color:var(--text-muted);border-bottom:2px solid var(--border);background:var(--card);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:8px 10px;font-size:.75rem;font-weight:800}.ar-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:6px 10px}.ar-table tbody tr:hover{background:var(--hover)}.ar-table tbody tr:last-child td{border-bottom:none}.ar-th-num,.ar-td-num{text-align:center;width:45px;color:var(--text-muted);font-weight:700}.ar-th-photo,.ar-td-photo{text-align:center;width:42px}.ar-th-pno,.ar-td-pno{text-align:center;width:75px;font-weight:700}.ar-th-name,.ar-td-name{min-width:160px;font-weight:600}.ar-th-contract,.ar-td-contract{min-width:150px}.ar-th-pkg,.ar-td-pkg{min-width:100px}.ar-th-room,.ar-td-room{text-align:center;min-width:60px}.ar-th-time,.ar-td-time{text-align:center;width:85px;font-family:monospace;font-weight:600}.ar-photo{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:32px;height:32px}.ar-photo-placeholder{background:var(--hover);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto;font-size:.8rem;display:flex}.ar-meal-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.ar-meal-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;display:flex}.ar-meal-icon{font-size:1.2rem}.ar-meal-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:700}.ar-meal-num{color:var(--text);font-size:1.4rem;font-weight:900;line-height:1}.ar-meal-breakfast{border-left:4px solid #f59e0b}.ar-meal-lunch{border-left:4px solid #3b82f6}.ar-meal-dinner{border-left:4px solid #8b5cf6}.ar-meal-total{border-left:4px solid #10b981}.ar-col-meal{min-width:80px;text-align:center!important}.ar-col-total{font-weight:800!important}.ar-service-cell{background:var(--card);vertical-align:top;border-right:2px solid var(--border);font-weight:700}.ar-subtotal-row td{background:#6366f10f;font-weight:700}.ar-subtotal-label{text-align:right;padding-right:1rem!important}.ar-grand-row td{font-size:.9rem;font-weight:800;background:var(--accent)!important;color:#fff!important}.ar-grand-label{text-align:right;padding-right:1rem!important}.ar-table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media print{.no-print,.ar-controls,.ar-tabs,.app-sidebar,.app-topbar,.app-overlay,.app-sidebar-footer,.app-header-collapse-toggle,.app-mobile-toggle{display:none!important}.app-main{margin:0!important;padding:0!important}.app-content{padding:0!important}.app-main-card{box-shadow:none!important;background:0 0!important;padding:0!important}.app-layout{display:block!important}.ar-page{max-width:100%;margin:0;padding:0}.ar-activity-block{page-break-inside:avoid;break-inside:avoid;border:1px solid #ccc;border-radius:0;margin-bottom:1rem}.ar-section-header{-webkit-print-color-adjust:exact;print-color-adjust:exact;cursor:default;border-bottom:2px solid #333;background:#f5f5f5!important}.ar-area-title{font-size:13pt;color:#000!important}.ar-section-meta{color:#333!important}.ar-collapse-icon{display:none!important}.ar-table{font-size:9pt}.ar-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-bottom:2px solid #333;color:#000!important;background:#eee!important}.ar-table td{border-bottom:1px solid #ccc;padding:4px 6px;color:#000!important}.ar-table tbody tr:hover{background:0 0}.ar-photo{border:1px solid #999;width:24px;height:24px}.ar-photo-placeholder{border:1px solid #ccc;width:24px;height:24px;font-size:.65rem}@page{margin:.5cm;size:landscape}}@media (width<=768px){.ar-controls{padding:1rem}.ar-controls-row{flex-direction:column;align-items:stretch;gap:.75rem}.ar-controls-row button,.ar-controls-row .ar-field{width:100%}.ar-summary-bar{text-align:center;flex-direction:column;align-items:center;gap:.5rem}.ar-meal-summary{grid-template-columns:repeat(2,1fr)}.ar-section-meta{flex-direction:column;align-items:center;gap:.5rem}.ar-table{font-size:.75rem}.ar-table th,.ar-table td{padding:8px 6px}.ar-th-photo,.ar-td-photo{display:none}}.gate-page{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1.25rem;display:flex}.gate-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.gate-header h1{color:var(--text);align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:700;display:flex}.gate-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.gate-select{border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:8px;padding:.4rem .6rem;font-size:.85rem}.gate-tabs{border-bottom:2px solid var(--border);gap:.25rem;display:flex}.gate-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.gate-tab:hover{color:var(--text);background:var(--card-bg)}.gate-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.gate-direction-toggle{border:2px solid var(--border);border-radius:10px;gap:0;display:flex;overflow:hidden}.gate-dir-btn{cursor:pointer;background:var(--card-bg);color:var(--text-secondary);border:none;padding:.6rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s}.gate-dir-btn.entry.active{color:#fff;background:#22c55e;box-shadow:0 0 12px #22c55e66}.gate-dir-btn.exit.active{color:#fff;background:#ef4444;box-shadow:0 0 12px #ef444466}.gate-dir-btn.auto.active{color:#fff;background:#6366f1;box-shadow:0 0 12px #6366f166}.gate-swipe-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.gate-mode-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.gate-input-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.gate-input-group{flex-direction:column;flex:1;gap:.25rem;min-width:180px;display:flex}.gate-input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.gate-input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.5rem .75rem;font-family:JetBrains Mono,monospace;font-size:.9rem}.gate-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f126}.gate-btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.gate-btn-primary{background:var(--primary);color:#fff}.gate-btn-primary:hover{filter:brightness(1.1)}.gate-btn-secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}.gate-result{border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:opacity .3s;animation:.3s gate-fade-in;display:flex}.gate-result:hover{opacity:.85}@keyframes gate-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.gate-result.success{background:#22c55e14;border-color:#22c55e}.gate-result.denied{background:#ef444414;border-color:#ef4444}.gate-result.cooldown,.gate-result.vehiclenotfound{background:#f59e0b14;border-color:#f59e0b}.gate-result-icon{font-size:2rem}.gate-result-info{flex:1}.gate-result-info h3{color:var(--text);margin:0;font-size:1rem}.gate-result-info p{color:var(--text-secondary);margin:.2rem 0 0;font-size:.8rem}.gate-result-direction{border-radius:6px;padding:.3rem .8rem;font-size:.85rem;font-weight:700}.gate-result-direction.entry{color:#fff;background:#22c55e}.gate-result-direction.exit{color:#fff;background:#ef4444}.gate-today-logs{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.75rem}.gate-today-logs-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.gate-today-logs-header h3{color:var(--text);margin:0;font-size:.9rem;font-weight:600}.gate-log-count{color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:.15rem .5rem;font-size:.75rem}.gate-logs-scroll{border:1px solid var(--border);border-radius:10px;max-height:300px;overflow-y:auto}.gate-empty-small{text-align:center;color:var(--text-secondary);padding:1.5rem 1rem;font-size:.8rem}.gate-logs-table{border-collapse:collapse;width:100%;font-size:.8rem}.gate-logs-table th{text-align:left;color:var(--text-secondary);border-bottom:2px solid var(--border);text-transform:uppercase;background:var(--bg);z-index:1;padding:.5rem;font-size:.75rem;font-weight:600;position:sticky;top:0}.gate-logs-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.45rem .5rem}.gate-logs-table tr:hover td{background:var(--card-bg)}.gate-direction-badge{border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.gate-direction-badge.entry{color:#22c55e;background:#22c55e26}.gate-direction-badge.exit{color:#ef4444;background:#ef444426}.gate-type-badge{color:var(--primary);background:#6366f11f;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.gate-purpose-cell{cursor:pointer;min-width:100px}.gate-purpose-cell:hover{background:#6366f10f}.gate-purpose-text{min-height:1.2em;display:block}.gate-purpose-input{border:1px solid var(--primary);background:var(--bg);width:100%;color:var(--text);border-radius:4px;outline:none;padding:.25rem .4rem;font-size:.8rem;box-shadow:0 0 0 2px #6366f126}.gate-occupants-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.gate-occupant-card{border:1px solid var(--border);background:var(--card-bg);border-radius:10px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.gate-occupant-card h4{color:var(--text);margin:0;font-size:.9rem}.gate-occupant-card .meta{color:var(--text-secondary);font-size:.75rem}.gate-stats{flex-wrap:wrap;gap:1rem;display:flex}.gate-stat{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:8px;min-width:100px;padding:.5rem 1rem}.gate-stat .count{color:var(--primary);font-size:1.5rem;font-weight:700}.gate-stat .label{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.gate-empty{text-align:center;color:var(--text-secondary);padding:3rem 1rem;font-size:.9rem}.gate-empty-icon{opacity:.5;margin-bottom:.5rem;font-size:3rem}.gate-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s gate-fade-in;display:flex;position:fixed;inset:0}.gate-dialog{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:min(500px,95vw);padding:1.5rem;box-shadow:0 20px 60px #0000004d}.gate-dialog h3{color:var(--text);margin:0 0 .25rem;font-size:1.1rem}.gate-dialog-hint{color:var(--text-secondary);margin:0 0 1rem;font-size:.8rem}.gate-dialog-fields{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.gate-dialog-row{gap:.75rem;display:flex}.gate-dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.gate-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.gate-page{padding:.75rem}.gate-input-row{flex-direction:column}.gate-occupants-grid{grid-template-columns:1fr}.gate-dialog-row{flex-direction:column}}.gate-settings{max-width:1200px;margin:0 auto;padding:1.5rem}.gate-settings h1{color:var(--text);align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.gs-section{margin-bottom:2rem}.gs-section h2{color:var(--text);border-bottom:1px solid var(--border);margin:0 0 .75rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.gs-add-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.gs-field{flex-direction:column;flex:1;gap:.25rem;min-width:150px;display:flex}.gs-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.gs-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.gs-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f126}.gs-select{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:.5rem .75rem;font-size:.875rem}.gs-table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.gs-table{border-collapse:collapse;width:100%;font-size:.85rem}.gs-table th{text-align:left;background:var(--surface-alt,#6366f10f);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:.6rem .75rem;font-size:.7rem;font-weight:600}.gs-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.5rem .75rem}.gs-table tr:last-child td{border-bottom:none}.gs-table tr:hover td{background:#6366f10a}.gs-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.gs-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.gs-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.gs-btn-danger{color:#ef4444;background:#ef44441a}.gs-btn-danger:hover{color:#fff;background:#ef4444}.gs-btn-sm{padding:.3rem .6rem;font-size:.75rem}.gs-badge{color:#6366f1;background:#6366f11a;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.gs-empty{text-align:center;color:var(--text-secondary);padding:2rem}.gs-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gs-dialog{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:min(480px,95vw);padding:1.5rem;box-shadow:0 20px 60px #0000004d}.gs-dialog h3{color:var(--text);margin:0 0 1rem;font-size:1.1rem}.gs-dialog-fields{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.gs-dialog-row{gap:.75rem;display:flex}.gs-dialog-row .gs-field{flex:1}.gs-dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.gs-inline-select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;width:80px;padding:.35rem .5rem;font-size:.8rem}.gs-inline-input{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:center;border-radius:6px;width:60px;padding:.35rem .5rem;font-size:.8rem}.gl-page{max-width:1400px;margin:0 auto;padding:1.5rem}.gl-page h1{color:var(--text);margin:0 0 1.25rem;font-size:1.4rem;font-weight:700}.gl-filters{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.gl-filter{flex-direction:column;gap:.2rem;min-width:120px;display:flex}.gl-filter-search{flex:1;min-width:180px}.gl-filter label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.gl-input,.gl-select{border:1px solid var(--border);background:var(--surface,var(--bg));color:var(--text);border-radius:8px;padding:.45rem .65rem;font-size:.85rem;transition:border-color .2s}.gl-input:focus,.gl-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.gl-summary{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.gl-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:10px;flex:1;min-width:90px;padding:.6rem 1rem;transition:transform .15s}.gl-card:hover{transform:translateY(-2px)}.gl-card-num{color:var(--primary);font-size:1.5rem;font-weight:700;line-height:1.2}.gl-card-entry .gl-card-num{color:#22c55e}.gl-card-exit .gl-card-num{color:#ef4444}.gl-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:600}.gl-table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.gl-table{border-collapse:collapse;width:100%;font-size:.82rem}.gl-table th{text-align:left;color:var(--text-secondary);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px;background:var(--card-bg);z-index:1;padding:.55rem .65rem;font-size:.7rem;font-weight:600;position:sticky;top:0}.gl-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.45rem .65rem}.gl-table tr:hover td{background:#6366f10a}.gl-name-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;overflow:hidden}.gl-badge{border-radius:4px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.gl-badge-entry{color:#22c55e;background:#22c55e26}.gl-badge-exit{color:#ef4444;background:#ef444426}.gl-badge-type{color:var(--primary);background:#6366f11f}.gl-actions{gap:.25rem;display:flex}.gl-btn-icon{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.2rem .4rem;font-size:.8rem;transition:all .15s}.gl-btn-icon:hover{background:var(--card-bg);border-color:var(--border)}.gl-btn-icon.gl-btn-danger:hover{background:#ef44441a;border-color:#ef44444d}.gl-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.gl-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none}.gl-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.gl-empty,.gl-loading{text-align:center;color:var(--text-secondary);padding:3rem 1rem;font-size:.9rem}.gl-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s gl-fade;display:flex;position:fixed;inset:0}@keyframes gl-fade{0%{opacity:0}to{opacity:1}}.gl-dialog{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:min(460px,95vw);padding:1.5rem;box-shadow:0 20px 60px #0000004d}.gl-dialog h3{color:var(--text);margin:0 0 .25rem;font-size:1.1rem}.gl-dialog-sub{color:var(--text-secondary);margin:0 0 1rem;font-size:.8rem}.gl-dialog-fields{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.gl-dialog-fields .gl-filter,.gl-dialog-fields .gl-input,.gl-dialog-fields .gl-select{width:100%}.gl-dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}@media (width<=768px){.gl-page{padding:.75rem}.gl-filters{flex-direction:column}.gl-summary{flex-wrap:wrap}.gl-card{min-width:70px}}.accom-page{flex-direction:column;height:100%;font-size:.82rem;display:flex;overflow:hidden}.accom-top-panel{border-bottom:2px solid var(--border);flex-shrink:0;gap:0;height:165px;display:flex}.accom-person-info{border-right:1px solid var(--border);flex:1;align-items:flex-start;gap:.75rem;min-width:0;padding:.6rem .75rem;display:flex}.accom-detail-photo-wrap{background:var(--hover);border:2px solid var(--border);border-radius:50%/45%;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:110px;display:flex;overflow:hidden}.accom-detail-photo-wrap img{object-fit:cover;width:100%;height:100%}.accom-detail-photo-wrap .no-photo{opacity:.2;font-size:2.2rem}.accom-detail-photo-wrap.checked-out-glow,.accom-detail-photo-wrap-sm.checked-out-glow{border:1px solid #ef4444bf;transition:all .3s;box-shadow:0 0 10px #ef444466}.accom-detail-photo-wrap.active-glow,.accom-detail-photo-wrap-sm.active-glow{border:1px solid #22c55ebf;transition:all .3s;box-shadow:0 0 10px #22c55e66}.accom-person-fields{flex-direction:column;justify-content:center;gap:.15rem;min-width:0;display:flex}.accom-person-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:1rem;font-weight:700;overflow:hidden}.accom-person-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.accom-person-meta{color:var(--text-muted);flex-wrap:wrap;gap:.6rem;margin-top:.1rem;font-size:.75rem;display:flex}.accom-summary-cards-panel{border-right:1px solid var(--border);flex-shrink:0;align-items:stretch;padding:.5rem;display:flex}.accom-summary-cards{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);align-content:stretch;gap:.35rem;display:grid}.accom-stat-card{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:8px;align-items:center;gap:.3rem;min-width:120px;padding:.3rem .5rem;display:flex}.accom-stat-icon{flex-shrink:0;font-size:1rem}.accom-stat-body{white-space:nowrap;flex-direction:column;min-width:0;display:flex}.accom-stat-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);white-space:nowrap;font-size:.6rem;line-height:1.1}.accom-stat-value{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text);font-size:1rem;font-weight:700;line-height:1.2}.accom-stat-card.out-card .accom-stat-value{color:#ef4444}.accom-stat-card.in-card .accom-stat-value{color:#16a34a}.accom-stat-card.staff-card .accom-stat-value{color:#2563eb}.accom-stat-card.clients-card .accom-stat-value{color:#7c3aed}.accom-client-breakdown{flex-direction:column;flex-shrink:0;width:280px;padding:.4rem .6rem;display:flex;overflow:hidden}.accom-client-header{text-transform:uppercase;color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:.2rem 0;font-size:.7rem;font-weight:600;display:flex}.accom-total-residents{color:#2563eb;opacity:1;align-items:center;gap:.25rem;display:flex}.accom-total-residents strong{margin-left:.15rem;font-size:1.05rem}.accom-client-list{scrollbar-width:none;flex:1;overflow-y:auto}.accom-client-list::-webkit-scrollbar{display:none}.accom-client-row{justify-content:space-between;padding:.12rem 0;font-size:.73rem;display:flex}.accom-client-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);overflow:hidden}.accom-client-count{font-variant-numeric:tabular-nums;color:var(--text);flex-shrink:0;padding-left:.5rem;font-weight:600}.accom-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem;padding:.35rem .75rem;display:flex}.accom-search-input{border:1px solid var(--border);background:var(--surface);width:200px;color:var(--text);border-radius:6px;outline:none;padding:.3rem .5rem;font-size:.8rem}.accom-search-input:focus{border-color:#3b82f6}.accom-search-input::placeholder{color:var(--text-muted);opacity:.6}.accom-toolbar-spacer{flex:1}.accom-row-count{color:var(--text-muted);font-variant-numeric:tabular-nums;padding:0 .3rem;font-size:.75rem}.accom-date-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;outline:none;width:122px;padding:.25rem .35rem;font-size:.76rem}.accom-date-input:focus{border-color:#3b82f6}.accom-date-to{color:var(--text-muted);font-size:.73rem}.accom-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:.2rem;padding:.28rem .6rem;font-size:.76rem;font-weight:500;transition:all .12s;display:inline-flex}.accom-btn:hover{background:#3b82f61a;border-color:#3b82f6}.accom-btn:disabled{opacity:.35;cursor:not-allowed}.accom-btn.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none}.accom-btn.primary:hover{filter:brightness(1.1)}.accom-btn.danger{color:#ef4444;background:#ef44441f;border-color:#ef444440}.accom-btn.danger:hover{background:#ef444438}.accom-grid-container{flex:1;min-height:0;position:relative;overflow:hidden}.accom-grid-scroll{flex-direction:column;height:100%;display:flex;overflow:hidden}.accom-grid-header-wrapper{z-index:4;background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--border);width:100%;position:sticky;top:0;overflow:hidden}.accom-sticky-cols{z-index:2;background:inherit;border-inline-end:1px solid var(--border);flex-shrink:0;align-items:center;height:100%;display:flex;position:sticky;inset-inline-start:0}.accom-sticky-cols:before{content:"";background:var(--surface);z-index:-1;position:absolute;inset:0}.accom-sticky-cols:after{content:"";z-index:-1;pointer-events:none;background:0 0;transition:all .15s;position:absolute;inset:0}.accom-grid-header .accom-sticky-cols{z-index:4}.accom-hcell{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;color:var(--text-muted);padding:.4rem 8px;font-size:.68rem;font-weight:600;transition:color .12s;overflow:hidden}.accom-hcell:hover,.accom-hcell.sorted{color:#3b82f6}.accom-hcell .sort-arrow{opacity:.7;margin-left:.15rem;font-size:.6rem}.accom-grid-filter-row{border-bottom:2px solid var(--border);background:var(--surface);padding:2px 0}.accom-grid-filter-row .accom-sticky-cols{z-index:4;background:inherit;border-right:1px solid var(--border);flex-shrink:0;align-items:center;display:flex;position:sticky;left:0}.accom-grid-filter-row .accom-sticky-cols:before{content:"";background:var(--surface);z-index:-1;position:absolute;inset:0}.accom-col-filter{border:1px solid var(--border-subtle);background:var(--card,#fff);width:100%;color:var(--text);box-sizing:border-box;border-radius:3px;outline:none;height:22px;padding:2px 4px;font-size:.7rem}.accom-col-filter:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f14d}.accom-col-filter::placeholder{color:var(--text-muted);opacity:.5}select.accom-col-filter{cursor:pointer;appearance:auto}.accom-vrow{--vrow-hover-bg:#22c55e0d;--vrow-active-bg:#22c55e2e;--vrow-selected-bg:#22c55e1a;--vrow-focused-bg:#22c55e14;--vrow-border:#22c55e;--vrow-bg:transparent;border-bottom:1px solid var(--border-subtle);cursor:default;color:var(--text);background:var(--vrow-bg);font-size:.76rem;transition:all .15s}.accom-vrow.checked-out{opacity:.65;--vrow-hover-bg:#ef44440d;--vrow-active-bg:#ef44442e;--vrow-selected-bg:#ef44441a;--vrow-focused-bg:#ef444414;--vrow-border:#ef4444}.accom-vrow:hover{--vrow-bg:var(--vrow-hover-bg)}.accom-vrow:active{--vrow-bg:var(--vrow-active-bg)}.accom-vrow.selected{--vrow-bg:var(--vrow-selected-bg)}.accom-vrow.focused{--vrow-bg:var(--vrow-focused-bg)}.accom-vrow .accom-sticky-cols:after{background:var(--vrow-bg)}.accom-vrow.focused .accom-sticky-cols:after{box-shadow:inset 3px 0 0 var(--vrow-border);transition:box-shadow .2s}.accom-vrow input[type=checkbox]{cursor:pointer;accent-color:#6366f1;width:14px;height:14px}.accom-row-photo{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:26px;height:32px}.accom-row-photo-placeholder{color:#818cf8;background:#6366f126;border-radius:50%;justify-content:center;align-items:center;width:26px;height:32px;font-size:.68rem;font-weight:700;display:flex}.accom-status{white-space:nowrap;border-radius:4px;padding:.1rem .35rem;font-size:.66rem;font-weight:700;display:inline-block}.accom-status.active{color:#16a34a;background:#34d39926}.accom-status.out{color:#ef4444;background:#f8717126}.accom-action-bar{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:10;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.4rem .75rem;animation:.2s accomSlideUp;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes accomSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.accom-action-bar .count-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;margin-right:.15rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.accom-action-bar .accom-btn{padding:.22rem .45rem;font-size:.68rem}.accom-loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;display:flex}.accom-loading .spinner{border:2px solid var(--border);border-top-color:#3b82f6;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite accomSpin}@keyframes accomSpin{to{transform:rotate(360deg)}}.accom-empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.accom-empty .icon{font-size:2.5rem}.accom-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;animation:.12s accomFadeIn;display:flex;position:fixed;inset:0}@keyframes accomFadeIn{0%{opacity:0}to{opacity:1}}.accom-modal{background:var(--card);border:1px solid var(--border);width:90%;min-width:300px;max-width:450px;color:var(--text);border-radius:14px;padding:1.25rem;box-shadow:0 16px 50px #00000040}.accom-modal h3{color:var(--text);margin:0 0 .75rem;font-size:.95rem}.accom-modal-footer{justify-content:flex-end;gap:.4rem;margin-top:.75rem;display:flex}.accom-modal label{color:var(--text-muted);margin-bottom:.2rem;font-size:.75rem;display:block}.accom-modal input,.accom-modal select{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;outline:none;padding:.4rem .5rem;font-size:.82rem}.accom-modal input:focus,.accom-modal select:focus{border-color:#3b82f6}.app-layout[data-theme=light] .accom-stat-card.out-card .accom-stat-value{color:#dc2626}.app-layout[data-theme=light] .accom-stat-card.in-card .accom-stat-value{color:#15803d}.app-layout[data-theme=light] .accom-stat-card.staff-card .accom-stat-value{color:#1d4ed8}.app-layout[data-theme=light] .accom-stat-card.clients-card .accom-stat-value{color:#6d28d9}.app-layout[data-theme=light] .accom-total-residents{color:#1d4ed8}.app-layout[data-theme=light] .accom-status.active{color:#15803d;background:#16a34a1f}.app-layout[data-theme=light] .accom-status.out{color:#dc2626;background:#dc26261a}.app-layout[data-theme=light] .accom-row-photo-placeholder{color:#6366f1;background:#6366f11a}.app-layout[data-theme=light] .accom-action-bar{background:var(--surface);box-shadow:0 -2px 12px #00000014}.app-layout[data-theme=light] .accom-btn.danger{color:#dc2626}.app-layout[data-theme=light] .accom-modal{box-shadow:0 16px 50px #0000001f}.accom-top-panel-mobile{border-bottom:2px solid var(--border);flex-shrink:0}.accom-mobile-summary-toggle{background:var(--surface);width:100%;color:var(--text);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.82rem;font-weight:600;display:flex}.accom-mobile-count{color:var(--text-muted);font-size:.72rem;font-weight:400}.accom-mobile-summary-content{background:var(--surface);border-top:1px solid var(--border);padding:.4rem .75rem .6rem;animation:.15s ease-out accomSlideDown}@keyframes accomSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.accom-person-info-mobile{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.accom-detail-photo-wrap-sm{background:var(--hover);border:1px solid var(--border);border-radius:50%/45%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:58px;display:flex;overflow:hidden}.accom-detail-photo-wrap-sm img{object-fit:cover;width:100%;height:100%}.accom-detail-photo-wrap-sm .no-photo{opacity:.2;font-size:1.2rem}.accom-summary-cards-mobile{grid-template-columns:repeat(4,1fr);gap:.3rem;display:grid}.accom-summary-cards-mobile .accom-stat-card{min-width:0;padding:.25rem .4rem}.accom-card{--vcard-active-bg:#22c55e26;--vcard-selected-bg:#22c55e1a;--vcard-focused-bg:#22c55e0f;--vcard-border:#22c55e;border-bottom:1px solid var(--border-subtle);cursor:default;color:var(--text);align-items:center;gap:.4rem;padding:.35rem .5rem;transition:all .15s;display:flex;overflow:hidden}.accom-card.checked-out{opacity:.65;--vcard-active-bg:#ef444426;--vcard-selected-bg:#ef44441a;--vcard-focused-bg:#ef44440f;--vcard-border:#ef4444}.accom-card:active{background:var(--vcard-active-bg);border-radius:8px;transform:scale(.98)}.accom-card.selected{background:var(--vcard-selected-bg)}.accom-card.focused{box-shadow:inset 3px 0 0 var(--vcard-border);background:var(--vcard-focused-bg)}.accom-card-check{flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.accom-card-check input[type=checkbox]{accent-color:#6366f1;width:16px;height:16px}.accom-card-photo{flex-shrink:0;justify-content:center;align-items:center;width:56px;display:flex}.accom-card-photo .accom-row-photo,.accom-card-photo .accom-row-photo-placeholder{width:44px;height:52px;font-size:1.1rem}.accom-card-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex;overflow:hidden}.accom-card-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:.82rem;font-weight:600;overflow:hidden}.accom-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:.2rem .4rem;font-size:.7rem;display:flex}.accom-card-meta span{word-break:break-word;max-width:100%}.accom-card-sub{color:var(--text-muted);opacity:.7;flex-wrap:wrap;gap:.2rem .4rem;font-size:.65rem;display:flex}.accom-card-sub span{word-break:break-word;max-width:100%}@media (width<=991px){.accom-top-panel{flex-direction:column;height:auto}.accom-person-info{border-right:none;border-bottom:1px solid var(--border)}.accom-summary-cards-panel{border-right:none;border-bottom:1px solid var(--border);padding:.4rem}.accom-summary-cards{grid-template-rows:1fr;grid-template-columns:repeat(4,1fr)}.accom-client-breakdown{width:100%;max-height:80px;padding:.4rem .6rem}.accom-detail-photo-wrap{width:65px;height:80px}.accom-person-name{font-size:.88rem}.accom-action-bar{position:fixed;bottom:0;left:0;right:0}.accom-toolbar{padding:.3rem .4rem}.accom-search-input{width:120px}.accom-stat-card{min-width:90px}}@media (width<=767px){.accom-toolbar{gap:.25rem;padding:.25rem .4rem}.accom-search-input{flex:1;width:auto;min-width:80px}.accom-date-input{width:100px;font-size:.72rem}.accom-row-count{font-size:.7rem}.accom-btn{padding:.22rem .4rem;font-size:.7rem}.accom-action-bar{-webkit-overflow-scrolling:touch;z-index:20;flex-wrap:nowrap;gap:.25rem;padding:.35rem .5rem;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.accom-action-bar .accom-btn{flex-shrink:0}.accom-summary-cards-mobile .accom-stat-card{text-align:center;flex-direction:column;align-items:center;gap:.1rem}.accom-summary-cards-mobile .accom-stat-icon,.accom-summary-cards-mobile .accom-stat-value{font-size:.85rem}.accom-summary-cards-mobile .accom-stat-label{font-size:.55rem}}.attendance-history-btn{cursor:pointer;color:#fff!important;background:linear-gradient(135deg,#0ea5e9,#6366f1)!important;border:none!important;border-radius:6px!important;padding:.25rem .6rem!important;font-size:.72rem!important}.attendance-history-btn:hover{filter:brightness(1.15)!important}.attendance-history-modal{flex-direction:column;max-height:85vh;display:flex;overflow:hidden;width:95%!important;max-width:700px!important}.attendance-history-modal h3{margin:0 0 .25rem!important}.attendance-history-subtitle{color:var(--text-muted);gap:.5rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.attendance-history-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.attendance-mode-toggle{border:1px solid var(--border);border-radius:8px;flex-shrink:0;display:flex;overflow:hidden}.attendance-mode-toggle .mode-btn{background:var(--surface);color:var(--text-muted);cursor:pointer;border:none;padding:.3rem .6rem;font-size:.73rem;font-weight:600;transition:all .15s}.attendance-mode-toggle .mode-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1)}.attendance-mode-toggle .mode-btn:not(.active):hover{background:#3b82f61a}.attendance-mode-inputs{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.attendance-mode-inputs label{color:var(--text-muted);font-size:.72rem;margin:0!important;display:inline!important}.attendance-input{max-width:100px;width:auto!important;padding:.25rem .4rem!important;font-size:.76rem!important}input[type=number].attendance-input{max-width:60px}.quick-btns{gap:.2rem;display:flex}.accom-btn.mini{padding:.18rem .4rem;font-size:.68rem}.attendance-history-results{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.attendance-results-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:.3rem 0;display:flex}.attendance-count{color:var(--text-muted);font-size:.75rem;font-weight:600}.attendance-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.4rem;padding:2rem;display:flex}.attendance-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}.attendance-table-scroll{border:1px solid var(--border);border-radius:8px;flex:1;max-height:400px;overflow-y:auto}.attendance-table{border-collapse:collapse;width:100%;font-size:.76rem}.attendance-table thead{z-index:2;position:sticky;top:0}.attendance-table th{background:var(--surface);text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:.4rem .5rem;font-size:.68rem;font-weight:600}.attendance-table td{border-bottom:1px solid var(--border-subtle);color:var(--text);white-space:nowrap;padding:.3rem .5rem}.attendance-table tr.selected{background:#3b82f61a}.attendance-table tr:hover:not(.attendance-date-row){background:#3b82f60d}.attendance-table input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:14px;height:14px}.attendance-date-row td{background:var(--surface);border-bottom:1px solid var(--border);padding:.35rem .5rem;font-size:.73rem}.attendance-day-count{color:var(--text-muted);margin-left:.5rem;font-size:.68rem;font-weight:400}.card-col{opacity:.7;font-family:Courier New,monospace;font-size:.7rem}@media (width<=640px){.attendance-history-modal{max-height:90vh}.attendance-history-controls{flex-direction:column;align-items:stretch}.attendance-table-scroll{max-height:300px}}.mc-page{border-radius:inherit;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;position:absolute;inset:0;overflow:hidden}.mc-title-bar{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.mc-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.mc-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.5rem 1.25rem;font-size:.82rem;font-weight:600;transition:all .15s}.mc-btn:hover{background:var(--hover)}.mc-btn:disabled{opacity:.4;cursor:not-allowed}.mc-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.mc-btn-primary:hover{background:#2563eb}.mc-btn-danger{color:#fff;background:#ef4444;border-color:#ef4444}.mc-btn-danger:hover{background:#dc2626}.mc-btn-sm{padding:.35rem .75rem;font-size:.78rem}.mc-table-wrap{border:1px solid var(--border);border-radius:12px;flex:1;min-height:0;overflow:auto}.mc-table{border-collapse:collapse;width:100%;font-size:.85rem}.mc-table th{background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap;z-index:1;text-align:left;padding:.8rem 1.25rem;font-size:.72rem;font-weight:700;position:sticky;top:0}.mc-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:.8rem 1.25rem}.mc-table tr:last-child td{border-bottom:none}.mc-table tbody tr:hover{background:var(--hover)}.mc-badge{border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.mc-badge-yes{color:#10b981;background:#10b9811f}.mc-badge-no{color:#ef4444;background:#ef44441f}.mc-actions{gap:.4rem;display:flex}.mc-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.mc-empty-icon{font-size:2.5rem}.mc-loading{text-align:center;color:var(--text-muted);padding:2rem;font-size:.95rem}.mc-modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;animation:.15s mc-fade-in;display:flex;position:fixed;inset:0}@keyframes mc-fade-in{0%{opacity:0}to{opacity:1}}.mc-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;width:95%;max-width:480px;animation:.2s mc-slide-up;box-shadow:0 20px 60px #0000004d}@keyframes mc-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mc-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.mc-modal-title{color:var(--text);margin:0;font-size:1rem;font-weight:700}.mc-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.2rem;line-height:1}.mc-modal-close:hover{color:var(--text)}.mc-modal-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.mc-field{flex-direction:column;gap:.3rem;display:flex}.mc-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.75rem;font-weight:700}.mc-field input,.mc-field select{background:var(--surface);border:1.5px solid var(--border);color:var(--text);border-radius:8px;padding:.5rem .75rem;font-size:.88rem;transition:border-color .2s}.mc-field input:focus,.mc-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.mc-checkbox-row{align-items:center;gap:.5rem;display:flex}.mc-checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.mc-checkbox-row label{color:var(--text);cursor:pointer;text-transform:none;letter-spacing:0;font-size:.85rem;font-weight:600}.mc-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;display:flex}@media (width<=640px){.mc-page{padding:.75rem}.mc-title-bar{flex-wrap:wrap;gap:.5rem}.mc-table th,.mc-table td{padding:.6rem .75rem}.mc-modal{max-width:100%;margin:.5rem}}