@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#3b82f6;--primary-hover:#2563eb;--bg-color:#f8fafc;--text-dark:#0f172a;--text-gray:#475569;--border-color:#e2e8f0;--white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}html{overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}ul{list-style:none}button{cursor:pointer;font-family:var(--font-family);border:none;outline:none;transition:all .2s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-badge{color:var(--primary);background:var(--white);border:1px solid #3b82f64d;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.section-title{color:var(--text-dark);letter-spacing:-.025em;margin-bottom:1rem;font-size:2.25rem;font-weight:700}@media (width<=480px){.section-title{font-size:1.75rem}}.section-subtitle{color:var(--text-gray);max-width:600px;margin:0 auto;font-size:1.125rem}.dashboard-loading,.facilities-loading{justify-content:center;align-items:center;width:100%;padding:4rem;display:flex}.loader{border:4px solid #f3f3f3;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.navbar{background-color:var(--white);z-index:1000;border-bottom:1px solid #0000;width:100%;transition:all .3s;position:sticky;top:0}.navbar.mobile-menu-open{position:fixed;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);background-color:#fffc;height:100px}.navbar.scrolled .navbar-container{height:100px}.navbar-container{justify-content:space-between;align-items:center;height:100px;display:flex}.navbar-logo{z-index:1001;align-items:center;display:flex}.logo-img{width:auto;height:60px}.navbar-links,.nav-buttons-desktop{display:none}@media (width>=1024px){.navbar-links{gap:2rem;display:flex}.nav-buttons-desktop{align-items:center;gap:1.5rem;display:flex}.mobile-menu-toggle{display:none!important}}.navbar-links a{color:var(--text-gray);font-size:.9rem;font-weight:600;transition:color .2s}.navbar-links a:hover{color:var(--primary)}.mobile-menu-toggle{color:var(--text-dark);z-index:1001;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.mobile-menu-overlay{background-color:var(--white);z-index:999;visibility:hidden;overscroll-behavior:contain;width:100%;height:100dvh;padding-top:72px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translateY(-100%)}.mobile-menu-overlay.open{visibility:visible;transform:translateY(0)}.mobile-menu-content{flex-direction:column;gap:2rem;width:100%;min-height:calc(100vh - 72px);padding:1.5rem;display:flex}.mobile-links{flex-direction:column;gap:1.25rem;display:flex}.mobile-links a{color:var(--text-dark);border-bottom:1px solid var(--border-color);padding:.5rem 0;font-size:1.125rem;font-weight:600}.mobile-actions{flex-direction:column;gap:1.5rem;margin-top:auto;display:flex}.btn-login{background-color:var(--primary);color:var(--white);text-align:center;border-radius:8px;font-weight:600;transition:all .2s}.nav-buttons-desktop .btn-login{padding:.5rem 1.25rem;font-size:.875rem}.mobile-actions .btn-login{width:100%;padding:.75rem 1.5rem;font-size:1rem}.btn-login:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.flag-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:34px;height:26px;padding:0;display:flex;overflow:hidden}.flag-btn img{object-fit:cover;width:100%!important;height:100%!important}.mobile-actions .language-switcher{background-color:var(--bg-color);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}@media (width<=340px){.logo-img{height:48px}.navbar-container,.navbar.scrolled,.navbar.scrolled .navbar-container{height:88px}}.footer{color:#f1f5f9;background-color:#1d4ed8;border-top:1px solid #ffffff1a;padding:3rem 0 1.5rem}@media (width<=480px){.footer{padding:2rem 0 1.25rem}}.footer-grid{grid-template-columns:1fr;gap:3rem;margin-bottom:4rem;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-col-brand .footer-logo{align-items:center;margin-bottom:1.5rem;display:flex}.footer-logo-img{object-fit:contain;width:auto;height:48px}.footer-desc{color:#ffffffd9;max-width:320px;font-size:.95rem;line-height:1.6}.footer-col h4{color:var(--white);margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.footer-col ul{flex-content:column;flex-direction:column;gap:.75rem;display:flex}.footer-col a{color:#ffffffd9;font-size:.95rem;transition:color .2s}.footer-col a:hover{color:var(--white)}.footer-bottom{text-align:center;color:#ffffffb3;border-top:1px solid #fff3;padding-top:2rem;font-size:.875rem}.admin-sidebar{flex-direction:column;height:100%;display:flex}.sidebar-brand{height:var(--admin-header-height);border-bottom:1px solid #e9edf7;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.sidebar-close-btn{color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.sidebar-close-btn:hover{color:#ef4444;background-color:#f1f5f9}.brand-link{align-items:center;gap:.75rem;text-decoration:none;display:flex}.sidebar-logo-img{width:auto;height:60px}.sidebar-nav{scrollbar-width:none;flex:1;padding:1.5rem .75rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{color:var(--admin-text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:.85rem;width:100%;margin-bottom:.25rem;padding:.7rem 1rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.item-title{font-size:.825rem}.nav-item:hover{background-color:var(--admin-bg);color:var(--admin-text)}.nav-item.active{background-color:var(--primary);color:#fff;box-shadow:0 10px 15px -3px #2563eb33}.item-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:scale(.9)}.arrow-icon{margin-left:auto;transition:transform .2s}.nav-item-group.open .arrow-icon{transform:rotate(90deg)}.group-children{flex-direction:column;gap:.25rem;padding:.5rem 0 .5rem 1.25rem;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.child-item{color:var(--admin-text-light);border-radius:10px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.775rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.child-title{font-size:.775rem}.child-item:hover{color:var(--admin-text);background-color:var(--admin-bg)}.child-item.active{color:var(--primary);font-weight:600}.child-dot{background-color:currentColor;border-radius:50%;width:4px;height:4px}.sidebar-promo{padding:1.5rem}.promo-box{color:#fff;text-align:center;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border-radius:16px;padding:1.25rem}.promo-box p{margin-bottom:.75rem;font-size:.8rem;font-weight:500;line-height:1.4}.promo-btn{color:#fff;cursor:pointer;background-color:#fff3;border:1px solid #ffffff4d;border-radius:10px;width:100%;padding:.5rem;font-size:.75rem;font-weight:600;transition:background-color .2s}.promo-btn:hover{background-color:#ffffff4d}.admin-layout.sidebar-collapsed .item-title,.admin-layout.sidebar-collapsed .arrow-icon,.admin-layout.sidebar-collapsed .sidebar-promo,.admin-layout.sidebar-collapsed .child-title{display:none}.admin-layout.sidebar-collapsed .nav-item{justify-content:center;padding:.75rem}.admin-layout.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-height:90vh;display:flex;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex;position:relative}.modal-header h3{color:#0f172a;margin:0;padding-right:2.5rem;font-size:1.15rem;font-weight:700;line-height:1.4}.close-btn{color:#64748b;cursor:pointer;z-index:10;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1.15rem;right:1.25rem}.close-btn:hover{color:#ef4444;background:#f1f5f9}.modal-body{padding:2rem;overflow-y:auto}.animate-in{animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.form-group input,.form-group select,.form-group textarea{border:1.5px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.modal-btn{cursor:pointer;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.modal-btn.cancel{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.modal-btn.cancel:hover{background:#f1f5f9}.modal-btn.primary{color:#fff;background:#3b82f6;border:none;box-shadow:0 4px 6px -1px #3b82f64d}.modal-btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.modal-btn.danger-btn{color:#fff;background:#ef4444;border:none;box-shadow:0 4px 6px -1px #ef44444d}.modal-btn.danger-btn:hover{background:#dc2626;transform:translateY(-1px)}.confirm-dialog-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.confirm-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.confirm-icon-wrapper.danger{color:#ef4444;background:#fef2f2}.confirm-icon-wrapper.warning{color:#f59e0b;background:#fffbeb}.confirm-icon-wrapper.info{color:#3b82f6;background:#eff6ff}.confirm-message{color:#475569;margin:0;font-size:1rem;line-height:1.5}.customer-avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.customer-avatar--sm{width:28px;height:28px;font-size:.65rem}.customer-avatar--md{width:36px;height:36px;font-size:.75rem}.customer-avatar--lg{width:80px;height:80px;font-size:1.35rem}.customer-avatar--initials{color:#4318ff;letter-spacing:-.02em;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.admin-header{height:var(--header-height);z-index:100;background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.header-left{align-items:center;gap:1rem;display:flex}.header-right{align-items:center;gap:.5rem;display:flex}.sidebar-toggle-btn,.header-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;height:40px;transition:all .2s;display:flex}.sidebar-toggle-btn:hover,.header-icon-btn:hover{color:#0f172a;background-color:#f8fafc}.header-icon-btn{gap:.5rem;padding:0 .5rem}.header-icon-btn.company-trigger{padding:0 .75rem}.active-company-name{color:#334155;font-size:.875rem;font-weight:600}.lang-code{color:#94a3b8;font-size:.75rem;font-weight:700}.notification-dot{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:8px;right:6px}.notify-trigger,.user-profile-dropdown,.lang-switcher,.company-switcher,.notifications-dropdown{position:relative}.profile-trigger{cursor:pointer;background:0 0;border:none;border-radius:30px;align-items:center;gap:.75rem;padding:.25rem;transition:all .2s;display:flex}.user-avatar{color:#64748b;background-color:#f1f5f9;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.profile-trigger:hover .user-avatar{border-color:var(--primary);color:var(--primary);background-color:#eff6ff}.dropdown-menu{z-index:1000;background:#fff;border:1px solid #f1f5f9;border-radius:12px;min-width:240px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.welcome-text{color:#94a3b8;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}.user-full-name{color:#0f172a;margin-top:.25rem;font-size:.875rem;font-weight:700}.dropdown-divider{background-color:#f1f5f9;height:1px}.dropdown-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--primary);background-color:#f8fafc}.active-item{color:var(--primary);background-color:#f1f5f9;font-weight:600}.logout-item:hover{color:#ef4444;background-color:#fff1f2}.notify-dropdown{width:340px}.mark-read-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:700}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #f8fafc;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.notification-item:hover{background-color:#fbfcfe}.notification-item.unread{background-color:#fcfdfe}.notify-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notify-status-dot.warning{background-color:#f59e0b}.notify-status-dot.info{background-color:#3b82f6}.notify-status-dot.success{background-color:#10b981}.notify-content{flex-direction:column;gap:.25rem;display:flex}.notify-title{color:#1e293b;margin:0;font-size:.85rem;font-weight:600;line-height:1.4}.notify-time{color:#94a3b8;margin:0;font-size:.75rem}.empty-notify{text-align:center;color:#94a3b8;padding:2rem;font-size:.875rem}.lang-flag{border-radius:2px;width:20px}.ml-auto{margin-left:auto}.rotate-180{transform:rotate(180deg)}@media (width<=1024px){.hide-mobile{display:none}.dropdown-menu{top:calc(var(--admin-header-height) + 10px);z-index:2000;width:auto;min-width:0;margin:0 auto;position:fixed;left:1rem;right:1rem}.notify-dropdown{width:auto}}.company-text-only{color:#1b2559;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;display:flex}.company-search-wrap{border-bottom:1px solid #eef2f6;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.company-search-wrap input{color:#1b2559;border:none;outline:none;flex:1;font-size:.875rem}.company-dropdown-list{max-height:280px;overflow-y:auto}:root{--admin-sidebar-width:260px;--admin-sidebar-collapsed-width:80px;--admin-header-height:64px;--admin-bg:#f4f7fe;--admin-sidebar-bg:#fff;--admin-text:#1b2559;--admin-text-light:#a3aed0}.admin-layout{background-color:var(--admin-bg);min-height:100vh;color:var(--admin-text);width:100%;font-family:Inter,sans-serif;display:flex;position:relative}.admin-sidebar-wrapper{width:var(--admin-sidebar-width);z-index:100;background-color:var(--admin-sidebar-bg);border-right:1px solid #e9edf7;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.admin-layout.sidebar-collapsed .admin-sidebar-wrapper{width:var(--admin-sidebar-collapsed-width)}.admin-main-wrapper{margin-left:var(--admin-sidebar-width);flex-direction:column;flex:1;min-height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-layout.sidebar-collapsed .admin-main-wrapper{margin-left:var(--admin-sidebar-collapsed-width)}.admin-header{height:var(--admin-header-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:90;background-color:#fffc;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.admin-content-area{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:2rem}.admin-footer{background-color:var(--admin-sidebar-bg);color:var(--admin-text-light);border-top:1px solid #e9edf7;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-size:.875rem;display:flex}@media (width<=1024px){.admin-sidebar-wrapper{transform:translate(-100%);width:280px!important}.admin-layout.sidebar-mobile-open .admin-sidebar-wrapper{transform:translate(0)}.admin-layout.sidebar-mobile-open .sidebar-overlay{opacity:1;visibility:visible}.admin-main-wrapper{width:100%;margin-left:0!important}.admin-content-area{padding:1rem}[class$=-header]:not(.admin-header){flex-direction:column!important;align-items:stretch!important;gap:1.25rem!important}[class$=-header]:not(.admin-header) .header-info{width:100%}[class$=-header]:not(.admin-header) button[class*=add-]{justify-content:center!important;width:100%!important;padding:.8rem!important}}@media (width<=360px){.admin-sidebar-wrapper{width:260px!important}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;opacity:0;visibility:hidden;background-color:#00000080;transition:all .3s;position:fixed;inset:0}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.slider{cursor:pointer;background-color:#cbd5e0;border-radius:34px;transition:background-color .3s,box-shadow .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 4px #0003}input:focus-visible+.slider{box-shadow:0 0 0 3px #22c55e40}.status-toggle-container{align-items:center;gap:.75rem;display:flex}.status-label{color:#707eae;-webkit-user-select:none;user-select:none;font-size:.84rem;font-weight:500}.hero{text-align:center;background:var(--bg-color);padding:6rem 0;position:relative}.hero-container{flex-direction:column;align-items:center;max-width:800px;display:flex}.hero-title{color:var(--text-dark);letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2.25rem;font-weight:800;line-height:1.2}@media (width>=768px){.hero-title{font-size:4.5rem}}.hero-title-highlight{color:var(--primary)}.hero-subtitle{color:var(--text-gray);max-width:650px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.6}@media (width>=768px){.hero-subtitle{font-size:1.25rem}}.hero-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (width>=640px){.hero-actions{flex-direction:row;justify-content:center}}.btn{border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.hero-actions a.btn,.hero-actions button.btn{cursor:pointer;font-family:inherit;text-decoration:none}.btn-icon{margin-left:.25rem;transition:transform .2s}.btn:hover .btn-icon{transform:translate(4px)}.btn-primary{background-color:var(--primary);color:var(--white);border:1px solid var(--primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{color:var(--text-dark);border:1px solid var(--text-dark);background-color:#0000}.btn-outline:hover{background-color:#0000000d}.stats-banner{background-color:var(--primary);color:var(--white);z-index:10;padding:3rem 0;position:relative}.stats-container{text-align:center;grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=400px){.stats-container{grid-template-columns:1fr;gap:1.5rem}}@media (width>=768px){.stats-container{grid-template-columns:repeat(4,1fr)}}.stat-item{flex-direction:column;justify-content:center;align-items:center;display:flex}.stat-value{margin-bottom:.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}@media (width>=768px){.stat-value{font-size:3rem}}.stat-label{opacity:.9;font-size:.875rem;font-weight:400}@media (width>=768px){.stat-label{font-size:1rem}}.features{background-color:var(--white);padding:4rem 0}@media (width<=480px){.features{padding:3rem 0}}.section-header{text-align:center;margin-bottom:4rem}.features-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 1px 2px #00000005}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#3b82f633;transform:translateY(-4px)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)rotate(3deg)}.feature-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.color-blue{color:#3b82f6;background-color:#3b82f61a}.color-orange{color:#f97316;background-color:#f973161a}.color-green{color:#22c55e;background-color:#22c55e1a}.color-purple{color:#a855f7;background-color:#a855f71a}.color-red{color:#ef4444;background-color:#ef44441a}.color-cyan{color:#06b6d4;background-color:#06b6d41a}.feature-title{color:var(--text-dark);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-description{color:var(--text-gray);font-size:.95rem;line-height:1.5}.how-it-works{background-color:var(--bg-color);padding:4rem 0}@media (width<=480px){.how-it-works{padding:3rem 0}}.badge-gray{color:var(--text-gray);border-color:var(--border-color);background-color:var(--white)}.steps-wrapper{margin-top:4rem;position:relative}@media (width>=768px){.steps-line{background-color:var(--border-color);z-index:1;height:1px;position:absolute;top:30px;left:0;right:0}}.steps-grid{z-index:2;grid-template-columns:1fr;gap:2rem;display:grid;position:relative}@media (width>=768px){.steps-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.step-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:2rem 1.5rem;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;box-shadow:0 1px 2px #00000005}.step-card:hover{border-color:#4318ff2e;transform:translateY(-3px);box-shadow:0 10px 28px #4318ff14}.step-number{color:#cbd5e1;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1;transition:color .25s,transform .25s;position:relative}.step-card:hover .step-number{color:var(--primary);transform:translateY(-2px)}.step-title{color:var(--text-dark);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.step-desc{color:var(--text-gray);font-size:.95rem;line-height:1.5}.qr-section{background-color:var(--white);padding:6rem 0}.qr-content-wrapper{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}@media (width>=1024px){.qr-content-wrapper{grid-template-columns:1fr 1fr;gap:6rem}}.qr-text-side .section-title{margin-bottom:2.5rem}.qr-features-list{flex-direction:column;gap:2rem;display:flex}.qr-feature{gap:1.25rem;display:flex}.qr-feature-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.icon-yellow{color:#eab308;background-color:#facc1526}.icon-green{color:#22c55e;background-color:#22c55e26}.icon-blue{color:#3b82f6;background-color:#3b82f626}.qr-feature-text h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.qr-feature-text p{color:var(--text-gray);font-size:.95rem;line-height:1.5}.qr-visual-side{flex-direction:column;gap:1.5rem;display:flex}.qr-cards-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.qr-cards-grid{grid-template-columns:1fr 1fr}}.qr-visual-card{text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.card-yellow{background-color:#fffbeb;border:1px solid #fef3c7}.card-yellow h4{color:#b45309}.qr-svg-yellow{color:#d97706}.card-green{background-color:#f0fdf4;border:1px solid #dcfce7}.card-green h4{color:#15803d}.qr-svg-green{color:#16a34a}.qr-visual-card h4{margin-bottom:1.5rem;font-size:.9rem;font-weight:600}.qr-box{background-color:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1rem;box-shadow:0 4px 6px -1px #0000000d}.qr-pill{border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.card-yellow .qr-pill{color:#a16207;background-color:#fef08a}.card-green .qr-pill{color:#15803d;background-color:#bbf7d0}.qr-activity-widget{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.widget-header{color:var(--text-gray);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.widget-list{flex-direction:column;gap:1rem;display:flex}.widget-list li{gap:1.5rem;font-size:.875rem;display:flex}.time{color:var(--text-light);min-width:60px}.event{font-weight:500}.event-orange{color:#ea580c}.event-green{color:#16a34a}.event-blue{color:#2563eb}.use-cases{background-color:var(--bg-color);padding:4rem 0}@media (width<=480px){.use-cases{padding:3rem 0}}.cases-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.cases-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cases-grid{grid-template-columns:repeat(4,1fr)}}.case-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:2rem 1.5rem;transition:all .3s;box-shadow:0 1px 2px #00000005}.case-card:hover{box-shadow:var(--shadow-md);border-color:#3b82f633;transform:translateY(-4px)}.case-icon-wrapper{margin-bottom:1.5rem}.icon-blue{color:#3b82f6}.icon-gray{color:#64748b}.icon-red{color:#ef4444}.icon-purple{color:#8b5cf6}.case-title{color:var(--text-dark);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.case-desc{color:var(--text-gray);font-size:.95rem;line-height:1.5}.testimonials{background-color:var(--white);padding:6rem 0 2rem}.testimonials-header{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.carousel-controls{gap:1rem;display:flex}.bottom-controls{justify-content:center;margin-top:2rem}.carousel-btn{background-color:var(--white);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-dark);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.carousel-btn:hover:not(:disabled){background-color:var(--primary);color:var(--white);border-color:var(--primary)}.carousel-btn:disabled{opacity:.3;cursor:not-allowed;background-color:#f8fafc}.carousel-view{width:100%}.carousel-track-interactive::-webkit-scrollbar{display:none}.testimonial-card-interactive{background:var(--bg-color);border:1px solid var(--border-color);width:320px;box-shadow:var(--shadow-sm);cursor:grab;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:250px;padding:2rem;display:flex}@media (width>=768px){.testimonial-card-interactive{width:380px}}.testimonial-card-interactive:active{cursor:grabbing}.testimonial-text{color:var(--text-dark);margin-bottom:2rem;font-size:1rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:1rem;margin-top:auto;display:flex}.author-avatar{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.author-info h4{color:var(--text-dark);margin-bottom:.15rem;font-size:1rem}.author-info span{color:var(--text-gray);font-size:.85rem}.cta-section{background-color:var(--primary);color:var(--white);text-align:center;padding:4rem 0}@media (width<=480px){.cta-section{padding:3rem 0}}.cta-title{color:var(--white);margin-bottom:1rem;font-size:2rem;font-weight:700}@media (width>=768px){.cta-title{font-size:2.5rem}}.cta-subtitle{opacity:.9;max-width:700px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.5}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.btn-cta{background-color:var(--white);color:var(--primary);border-radius:6px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.btn-cta-outline{color:var(--white);background:0 0;border:2px solid #ffffffa6;border-radius:6px;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;transition:background .2s,border-color .2s}.btn-cta-outline:hover{border-color:var(--white);background:#ffffff1f}.cta-features{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width>=640px){.cta-features{flex-direction:row;gap:2.5rem}}.cta-feature{opacity:.9;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.about-section{background-color:var(--white);padding:4rem 0}@media (width<=480px){.about-section{padding:3rem 0}}.about-wrapper{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}@media (width>=1024px){.about-wrapper{grid-template-columns:1fr 1fr;gap:6rem}}.about-content .section-badge{margin-bottom:1.5rem}.about-desc-main{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.7}.about-desc-sub{color:var(--text-gray);margin-bottom:2.5rem;font-size:1rem;line-height:1.6}.about-points{flex-direction:column;gap:1.25rem;display:flex}.about-points li{color:var(--text-dark);align-items:center;gap:1rem;font-size:.95rem;font-weight:500;display:flex}.point-icon{color:var(--primary);flex-shrink:0}.about-visual{aspect-ratio:4/3;background-color:var(--primary);border:1px solid var(--border-color);background-image:radial-gradient(circle at 20px 20px,#fff3 2px,#0000 0);background-size:40px 40px;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.about-image-standin{border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.about-logo{object-fit:contain;filter:drop-shadow(0 8px 24px #00000026);background:#fffffff2;border:1px solid #ffffff59;border-radius:20px;width:min(72%,280px);height:auto;padding:1.25rem 1.75rem}.about-experience-badge{background-color:var(--primary);color:var(--white);box-shadow:var(--shadow-lg);border:4px solid var(--white);border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:absolute;bottom:-2rem;left:0}@media (width<=480px){.about-experience-badge{gap:.5rem;padding:.75rem;bottom:-1rem;left:.5rem}.exp-number{font-size:1.5rem}.exp-text{font-size:.75rem}}.exp-number{font-size:2.5rem;font-weight:800;line-height:1}.exp-text{opacity:.9;font-size:.85rem;font-weight:500;line-height:1.4}@media (width<=768px){.about-experience-badge{padding:1rem;bottom:-1rem;left:1rem}.exp-number{font-size:2rem}}.contact-section{background-color:var(--bg-color);padding:4rem 0}@media (width<=480px){.contact-section{padding:3rem 0}}.contact-wrapper{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=1024px){.contact-wrapper{grid-template-columns:1fr 1fr;align-items:flex-start;gap:4rem}}.contact-info{flex-direction:column;display:flex}.contact-info h3{color:var(--text-dark);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.contact-desc{color:var(--text-gray);margin-bottom:2rem;line-height:1.6}.info-item{gap:1rem;margin-bottom:2rem;display:flex}.info-icon{width:48px;height:48px;color:var(--primary);background-color:#3b82f61a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-text h4{color:var(--text-dark);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.info-text p{color:var(--text-gray);font-size:.95rem;line-height:1.5}.contact-form-container{background-color:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}@media (width>=640px){.form-row{grid-template-columns:1fr 1fr}}.form-group input,.form-group textarea{border:1px solid var(--border-color);background-color:#fafafa;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background-color:var(--white);outline:none}.form-group textarea{resize:vertical}.btn-submit{background-color:var(--primary);color:var(--white);text-align:center;border-radius:8px;margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:background-color .2s}.btn-submit:hover{background-color:var(--primary-hover)}.login-page{background-color:#f8fafc;background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#10b9811a 0,#0000 50%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background-image:radial-gradient(var(--border-color) 1px, transparent 1px);z-index:0;opacity:.6;background-size:24px 24px;position:absolute;inset:0}.login-brand-header{justify-content:center;margin-bottom:2rem;display:flex}.login-brand-header .logo{align-items:center;text-decoration:none;display:flex}.auth-logo-img{object-fit:contain;width:auto;height:60px}.login-card-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background-color:#ffffffe6;border:1px solid #fff9;border-radius:20px;width:100%;max-width:450px;padding:3rem;position:relative;box-shadow:0 25px 50px -12px #0000001a}.auth-header{margin-bottom:2.5rem}.auth-header h2{color:var(--text-dark);letter-spacing:-.025em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.auth-header p{color:var(--text-gray);font-size:1.05rem}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-dark);font-size:.95rem;font-weight:600}.password-label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600}.forgot-link:hover{text-decoration:underline}.forgot-centered-wrapper{text-align:center;margin-top:.5rem}.forgot-centered-link{color:var(--primary);font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.forgot-centered-link:hover{color:var(--text-dark);text-decoration:underline}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;position:absolute;left:1rem}.input-wrapper input{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:10px;width:100%;padding:1rem 3rem 1rem 3.5rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-wrapper input:focus{border-color:var(--primary);background-color:var(--white);outline:none;box-shadow:0 0 0 3px #3b82f626}.password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:1.25rem}.password-toggle-btn:hover{color:var(--text-dark)}.auth-submit-btn{background-color:var(--primary);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex}.auth-submit-btn:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.65;box-shadow:none;transform:none}.auth-error-message{color:#b91c1c;background:#fef2f2;border-radius:8px;margin:0;padding:.75rem .875rem;font-size:.9rem;font-weight:600}.outline-btn{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.outline-btn:hover{box-shadow:none;background-color:#3b82f60d}.auth-footer{text-align:center;color:var(--text-gray);border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem;font-size:.95rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.back-to-login{color:var(--text-gray);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.95rem;font-weight:600;transition:color .2s;display:flex}.back-to-login:hover{color:var(--text-dark)}.auth-success{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.success-icon-wrapper{color:#22c55e;background-color:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.login-card-container{padding:2rem 1.5rem}.auth-header h2{font-size:1.5rem}}@media (width<=380px){.login-card-container{padding:1.5rem 1rem}}.cp-wide{max-width:480px}.cp-rules{border:1px solid var(--border-color);background:#f8fafc;border-radius:10px;flex-direction:column;gap:.5rem;margin-top:-.5rem;padding:1rem 1.1rem;display:flex}.cp-rule{color:#94a3b8;align-items:center;gap:.55rem;font-size:.875rem;transition:color .2s;display:flex}.cp-rule.rule-ok{color:#16a34a}.cp-rule.rule-fail{color:#dc2626}.rule-icon{flex-shrink:0;transition:color .2s}.rule-icon.ok{color:#16a34a}.rule-icon.fail{color:#dc2626}.cp-match-icon{pointer-events:none;position:absolute;right:3rem}.cp-match-icon.ok{color:#16a34a}.cp-match-icon.fail{color:#dc2626}.cp-error{color:#dc2626;background:#dc26260f;border:1px solid #dc262633;border-radius:8px;margin:0;padding:.6rem .9rem;font-size:.875rem;font-weight:500}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.static-page{background-color:var(--white);min-height:60vh;padding:6rem 0}.static-page-header{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:4rem;padding-bottom:2rem}.static-page-header h1{color:var(--text-dark);letter-spacing:-.025em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.static-page-header p{color:var(--text-gray);font-size:1.125rem}.document-page{background-color:var(--bg-color)}.document-container{background-color:var(--white);max-width:850px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:16px;margin-top:-2rem;padding:4rem}.document-header{border-bottom:2px solid var(--bg-color);margin-bottom:3rem;padding-bottom:2rem}.document-header h1{color:var(--text-dark);margin-top:1rem;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.document-header p{color:var(--text-gray);font-size:1.1rem}.doc-badge{color:var(--primary);background-color:#3b82f61a;border-radius:6px;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.back-link{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:600;transition:opacity .2s;display:inline-flex}.back-link:hover{opacity:.8}.document-body h2{color:var(--text-dark);margin:2.5rem 0 1rem;font-size:1.5rem;font-weight:700}.document-body p{color:#475569;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.faq-content{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--border-color);cursor:pointer;border-radius:12px;margin-bottom:1rem;transition:border-color .3s;overflow:hidden}.faq-item:hover{border-color:#3b82f64d}.faq-question{background-color:var(--white);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.faq-question h3{color:var(--text-dark);margin:0;font-size:1.125rem;font-weight:600}.faq-icon{color:var(--primary);transition:transform .3s}.faq-icon.rotate{transform:rotate(180deg)}.faq-answer{background-color:#f8fafc;max-height:0;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px;padding:0 1.5rem 1.5rem}.faq-answer p{border-top:1px solid var(--border-color);color:var(--text-gray);margin:0;padding-top:1rem;line-height:1.6}.help-center{padding-top:0}.help-hero{background-color:var(--primary);color:#fff;text-align:center;padding:6rem 0}.help-hero h1{color:#fff;margin-bottom:1rem;font-size:3rem;font-weight:800}.help-hero p{opacity:.9;margin-bottom:2.5rem;font-size:1.2rem}.search-bar{align-items:center;max-width:600px;margin:0 auto;display:flex;position:relative}.search-icon{color:var(--text-gray);position:absolute;left:1.5rem}.search-bar input{border:none;border-radius:12px;width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;font-family:inherit;font-size:1.1rem;box-shadow:0 10px 25px -5px #0000001a}.search-bar input:focus{outline:none;box-shadow:0 0 0 3px #3b82f680}.help-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.help-grid{grid-template-columns:repeat(2,1fr)}}.help-card{border:1px solid var(--border-color);background-color:#fff;border-radius:16px;padding:2.5rem;transition:all .3s}.help-card:hover{box-shadow:var(--shadow-md);border-color:#3b82f633;transform:translateY(-4px)}.cat-icon{color:var(--primary);margin-bottom:1.5rem}.help-card h3{color:var(--text-dark);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.help-card p{color:var(--text-gray);margin-bottom:1.5rem;line-height:1.6}.help-link{color:var(--primary);font-size:.95rem;font-weight:600;transition:opacity .2s;display:inline-flex}.help-link:hover{opacity:.8}.dashboard-container{flex-direction:column;gap:2rem;display:flex}.dashboard-header-section{margin-bottom:.5rem}.page-title{color:var(--admin-text);margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--admin-text-light);font-size:.95rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}@media (width<=380px){.stats-grid{grid-template-columns:1fr}}@media (width>=1400px){.stats-grid-5{grid-template-columns:repeat(5,1fr)}}.stat-card{background-color:#fff;border:1px solid #e9edf7;border-radius:20px;align-items:center;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex}@media (width<=480px){.stat-card{gap:.75rem;padding:1rem}}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000000d}.stat-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-title{color:var(--admin-text-light);margin-bottom:.2rem;font-size:.8rem;font-weight:600;line-height:1.2}.stat-card-value{color:var(--admin-text);font-size:1.25rem;font-weight:800}.dashboard-charts-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.dashboard-charts-grid{grid-template-columns:350px 1fr}}.dashboard-card{background-color:#fff;border:1px solid #e9edf7;border-radius:24px;flex-direction:column;padding:1.5rem;display:flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header h3{color:var(--admin-text);font-size:1.05rem;font-weight:700}.chart-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.chart-legend-v2{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-top:1rem;display:grid}@media (width<=480px){.chart-legend-v2{grid-template-columns:1fr}}.legend-item-v2{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.legend-item-v2 .label{color:var(--admin-text-light);flex:1;font-weight:500}.legend-item-v2 .percent{color:var(--admin-text);font-weight:700}.dot{border-radius:50%;width:8px;height:8px}.trend-up{color:#10b981;background-color:#10b9811a;border-radius:8px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.8rem;font-weight:700;display:flex}.dashboard-bottom-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1100px){.dashboard-bottom-grid{grid-template-columns:1fr 400px}}.activity-list{flex-direction:column;gap:1.25rem;display:flex}.activity-item{gap:1rem;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.activity-dot.blue{background-color:#3b82f6}.activity-dot.red{background-color:#f87171}.activity-dot.green{background-color:#10b981}.activity-content{flex-direction:column;gap:.25rem;display:flex}.activity-text{color:var(--admin-text);font-size:.9rem;line-height:1.4}.activity-time{color:var(--admin-text-light);font-size:.75rem}.view-all-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.icon-btn-small{color:var(--admin-text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background .2s}.icon-btn-small:hover{background-color:var(--admin-bg);color:var(--admin-text)}.facilities-container{flex-direction:column;gap:2rem;display:flex}.facilities-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.facilities-structure-bar{background:#f8faff;border:1px solid #e0e7ff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:.875rem 1rem;display:flex}.facilities-structure-label{color:#1b2559;font-size:.875rem;font-weight:700}.facilities-structure-option{color:#475569;cursor:pointer;align-items:center;gap:.4rem;font-size:.8125rem;display:inline-flex}.facilities-simple-add-building{padding:.75rem 1rem 0}@media (width<=640px){.facilities-header{flex-direction:column;align-items:stretch}.add-block-btn{justify-content:center}}.facilities-header-actions{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.add-block-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #2563eb33}.add-block-btn:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d}.block-list{flex-direction:column;gap:1.5rem;display:flex}.block-item{background-color:#fff;border:1px solid #e9edf7;border-radius:16px;transition:all .2s;overflow:hidden}.block-item.open{border-color:var(--primary);box-shadow:0 4px 20px -5px #0000000d}.block-header,.building-header,.floor-header{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.block-header:hover,.building-header:hover,.floor-header:hover{background-color:#fbfcfe}.facilities-container .header-left{color:#64748b;flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.block-name,.building-name,.floor-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.block-sep{color:#e2e8f0}.block-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.count-badge{color:#1e293b;white-space:nowrap;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.facilities-container .header-right{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.action-btn-text{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.4rem .6rem;font-size:.85rem;font-weight:700;display:flex}.action-btn-text:hover{background-color:#f1f5f9}.form-hint{color:#707eae;margin:.35rem 0 0;font-size:.8rem}.facilities-bulk-floor-group,.facilities-bulk-floor-picker{width:100%;min-width:0}.facilities-bulk-floor-group .ta-section-title{margin:0}.facilities-bulk-floor-picker .ta-person-search input[type=search]{box-shadow:none;border:1.5px solid #e9edf7;border-radius:8px;padding:.45rem .75rem;font-size:.85rem}.facilities-bulk-floor-icon{color:#707eae;flex-shrink:0}.bulk-area-summary{color:#64748b;margin:0;font-size:.8125rem}.bulk-floor-preview{background:#f4f7fe;border:1px solid #e0e5f2;border-radius:10px;max-height:12rem;margin:0;padding:.75rem 1rem;list-style:none;overflow-y:auto}.bulk-floor-preview li{color:#1b2559;padding:.25rem 0;font-size:.9rem;font-weight:500}.action-btn-icon{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.action-btn-icon:hover{color:#0f172a;background-color:#f1f5f9}.action-btn-icon.delete:hover{color:#ef4444;background-color:#fee2e2}@media (width<=992px){.block-desc{max-width:200px}}@media (width<=768px){.block-desc,.block-sep{display:none}.block-header,.building-header,.floor-header{flex-wrap:wrap;padding:1rem}.facilities-container .header-left{width:60%}}@media (width<=480px){.facilities-container .header-left{width:100%;margin-bottom:.5rem}.facilities-container .header-right:not(.area-card *){border-top:1px solid #f1f5f9;justify-content:flex-end;width:100%;padding-top:.5rem}.area-card .header-right{border-top:none;width:auto;padding-top:0}.action-btn-text{flex:1;justify-content:center}.count-badge{margin-left:auto}}.block-content{flex-direction:column;gap:1rem;padding:0 1.5rem 1.5rem;display:flex}@media (width<=768px){.block-content{padding:0 1rem 1rem}}.building-item{border:1px solid #e2e8f0;border-radius:12px}.building-content{flex-direction:column;gap:.75rem;padding:0 1rem 1rem;display:flex}.floor-item{background-color:#fcfdfe;border:1px solid #f1f5f9;border-radius:10px}.floor-content{padding:0 1rem 1rem}.area-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}@media (width<=480px){.area-grid{grid-template-columns:1fr}}.area-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;padding:1rem;transition:border-color .2s;display:flex}.area-card:hover{border-color:var(--primary)}.area-icon{color:#cbd5e1}.area-info{flex-direction:column;display:flex}.area-name{color:#0f172a;font-size:.9rem;font-weight:600}.area-type{color:#64748b;font-size:.75rem}.empty-state,.empty-state-large{color:#64748b;padding:1rem;font-size:.875rem}.empty-state-large{text-align:center;background-color:#fcfdfe;border:2px dashed #e2e8f0;border-radius:12px;padding:2rem}.inline-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.block-icon{color:#3b82f6}.building-icon{color:#64748b}.floor-icon{color:#94a3b8}.ta-container{flex-direction:column;gap:1.25rem;display:flex}.ta-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.ta-header .header-info h1{color:var(--admin-text);margin-bottom:.2rem;font-size:1.75rem;font-weight:800}.ta-header .header-info p{color:var(--admin-text-light);font-size:.92rem}.ta-layout{grid-template-columns:420px 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=1100px){.ta-layout{grid-template-columns:1fr}}.ta-form-panel,.ta-list-panel{background:#fff;border:1px solid #e9edf7;border-radius:20px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.ta-section-title{color:var(--admin-text);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.95rem;font-weight:700;display:flex}.ta-sel-count{color:#fff;background:#4f46e5;border-radius:9999px;margin-left:auto;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.ta-area-hint{color:#707eae;margin:0 0 .75rem;font-size:.8125rem;line-height:1.45}.ta-add-scope-btn{color:#4f46e5;cursor:pointer;background:#f8faff;border:1.5px dashed #c7d2fe;border-radius:10px;align-items:center;gap:.35rem;margin-top:.75rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.ta-add-scope-btn:hover{background:#f0eeff;border-color:#4f46e5}.ta-scope-list{flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.ta-scope-chip{color:#1b2559;background:#f4f7fe;border:1px solid #e9edf7;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.8125rem;display:flex}.ta-scope-chip>span:first-child{flex:1;min-width:0;line-height:1.35}.ta-scope-meta{color:#707eae;white-space:nowrap;font-size:.72rem;font-weight:700}.ta-scope-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:.15rem;display:flex}.ta-scope-remove:hover{color:#ef4444}.ta-cascade{flex-direction:column;gap:.65rem;display:flex}.cascade-step{flex-direction:column;gap:.3rem;transition:opacity .2s;display:flex}.cascade-step.disabled{opacity:.45;pointer-events:none}.cascade-step label{color:var(--admin-text-light);align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:flex}.cascade-step select,.ta-form-panel textarea{width:100%;color:var(--admin-text);cursor:pointer;background:#f8faff;border:1.5px solid #e9edf7;border-radius:10px;outline:none;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s}.cascade-step select:focus,.ta-form-panel textarea:focus{background:#fff;border-color:#4f46e5}.ta-personnel-picker{border:1.5px solid #e9edf7;border-radius:14px;overflow:hidden}.ta-person-search{border-bottom:1px solid #f1f5ff;padding:.6rem}.ta-person-search input{border:1.5px solid #e9edf7;border-radius:8px;outline:none;width:100%;padding:.45rem .75rem;font-size:.85rem;transition:border-color .2s}.ta-person-search input:focus{border-color:#4f46e5}.ta-person-header{background:#f8faff;border-bottom:1px solid #f1f5ff;padding:0 .5rem}.ta-person-list{flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.ta-person-list::-webkit-scrollbar{width:4px}.ta-person-list::-webkit-scrollbar-track{background:#f8faff}.ta-person-list::-webkit-scrollbar-thumb{background:#e9edf7;border-radius:2px}.ta-person-row{cursor:pointer;border-bottom:1px solid #f8faff;align-items:center;gap:.65rem;padding:.6rem .85rem;transition:background .12s;display:flex}.ta-person-row:last-child{border-bottom:none}.ta-person-row:hover{background:#f4f7fe}.ta-person-row.selected{background:#f0f0ff}.ta-person-row input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;flex-shrink:0;width:15px;height:15px}.check-all{color:#4f46e5;padding:.5rem .85rem;font-size:.8rem;font-weight:600}.ta-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.65rem;font-weight:800;display:flex}.ta-person-info{flex-direction:column;gap:.05rem;display:flex}.ta-person-name{color:var(--admin-text);font-size:.85rem;font-weight:600}.ta-person-role{color:var(--admin-text-light);font-size:.72rem}.ta-no-person{text-align:center;color:var(--admin-text-light);padding:1rem;font-size:.85rem}.ta-save-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:background .2s,transform .15s;display:flex}.ta-save-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-2px)}.ta-save-btn:disabled{opacity:.6;cursor:not-allowed}.ta-empty{color:var(--admin-text-light);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.ta-empty p{font-size:.9rem}.ta-assignments{flex-direction:column;gap:.85rem;display:flex}.ta-assignment-card{border:1.5px solid #e9edf7;border-radius:14px;flex-direction:column;gap:.6rem;padding:1rem 1.1rem;transition:box-shadow .2s;display:flex}.ta-assignment-card:hover{box-shadow:0 4px 12px #0000000f}.ta-assignment-loc{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.ta-crumb{color:var(--admin-text-light);font-size:.8rem;font-weight:500}.ta-crumb.highlight{color:#4f46e5;font-weight:700}.ta-crumb-sep{color:#c0c7dc;font-size:.75rem}.ta-assigned-persons{flex-wrap:wrap;gap:.4rem;display:flex}.ta-person-chip{color:#4f46e5;background:#f0f0ff;border:1px solid #ddd6fe;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:600}.ta-notes-text{color:var(--admin-text-light);font-size:.8rem;font-style:italic;line-height:1.4}.ta-assignment-footer{justify-content:space-between;align-items:center;display:flex}.ta-date{color:#c0c7dc;font-size:.75rem}.action-btn-icon{width:32px;height:32px;color:var(--admin-text-light);cursor:pointer;background:#f8faff;border:1.5px solid #e9edf7;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.action-btn-icon.delete:hover{color:#ef4444;border-color:#ef4444}.form-group textarea{resize:vertical;border:1.5px solid #e9edf7;border-radius:10px;outline:none;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s}.form-group textarea:focus{border-color:#4f46e5}.dt-root{background:#fff;border:1px solid #e9edf7;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.dt-toolbar{border-bottom:1px solid #f1f5ff;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.dt-search-box{flex:1;min-width:200px;position:relative}.dt-search-icon{color:#a3aed0;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dt-search-box input{color:#1b2559;background:#f8faff;border:1.5px solid #e9edf7;border-radius:10px;outline:none;width:100%;padding:.55rem 2.25rem;font-size:.875rem;transition:border-color .2s,background .2s}.dt-search-box input:focus{background:#fff;border-color:#4f46e5}.dt-clear-btn{color:#a3aed0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:1.1rem;line-height:1;transition:color .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dt-clear-btn:hover{color:#ef4444}.dt-col-settings{position:relative}.dt-settings-btn{color:#1b2559;cursor:pointer;white-space:nowrap;background:#f8faff;border:1.5px solid #e9edf7;border-radius:10px;align-items:center;gap:.4rem;padding:.52rem .9rem;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.dt-settings-btn:hover,.dt-settings-btn.open{color:#4f46e5;background:#fff;border-color:#4f46e5}.dt-hidden-badge{color:#fff;background:#4f46e5;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:700;display:inline-flex}.dt-hidden-badge:empty{display:none}.dt-col-panel{z-index:200;background:#fff;border:1px solid #e9edf7;border-radius:14px;min-width:200px;padding:.75rem;animation:.15s dtPanelIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0000001f}@keyframes dtPanelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dt-col-panel-title{text-transform:uppercase;letter-spacing:.06em;color:#a3aed0;margin-bottom:.5rem;padding:0 .35rem;font-size:.73rem;font-weight:700}.dt-col-item{cursor:pointer;color:#1b2559;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .5rem;font-size:.85rem;font-weight:500;transition:background .12s;display:flex}.dt-col-item:hover{background:#f4f7fe}.dt-col-item input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;width:15px;height:15px}.dt-table-wrapper{flex:1;overflow-x:auto}.dt-loading-state{justify-content:center;align-items:center;padding:3rem;display:flex}.dt-table{border-collapse:collapse;width:100%;font-size:.875rem}.dt-table thead{z-index:1;background:#f8faff;position:sticky;top:0}.dt-table th{text-align:left;color:#a3aed0;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e9edf7;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.dt-sort-btn{cursor:pointer;color:#a3aed0;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.75rem;font-weight:700;transition:color .15s;display:inline-flex}.dt-sort-btn:hover,.dt-sort-btn.sorted{color:#4f46e5}.dt-sort-icon{align-items:center;display:flex}.dt-sort-idle{opacity:.35}.dt-table td{vertical-align:middle;color:#1b2559;border-bottom:1px solid #f1f5ff;padding:.8rem 1rem}.dt-table tbody tr:last-child td{border-bottom:none}.dt-table tbody tr{transition:background .12s}.dt-table tbody tr:hover{background:#f8faff}.dt-empty-cell{text-align:center;color:#a3aed0;font-size:.9rem;padding:3rem 1rem!important}.dt-footer{border-top:1px solid #f1f5ff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.dt-info{color:#a3aed0;white-space:nowrap;font-size:.8rem;font-weight:500}.dt-page-size-picker{color:#a3aed0;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.dt-page-size-picker select{color:#1b2559;cursor:pointer;background:#f8faff;border:1.5px solid #e9edf7;border-radius:8px;outline:none;padding:.3rem .6rem;font-size:.82rem;font-weight:600}.dt-pagination{align-items:center;gap:.3rem;display:flex}.dt-page-btn{color:#1b2559;cursor:pointer;background:#f8faff;border:1.5px solid #e9edf7;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.dt-page-btn:hover:not(:disabled):not(.active){color:#4f46e5;background:#fff;border-color:#4f46e5}.dt-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.dt-page-btn:disabled{opacity:.35;cursor:not-allowed}.dt-ellipsis{color:#a3aed0;padding:0 4px;font-size:.85rem}@media (width<=1024px){.dt-toolbar{gap:.5rem;padding:.75rem 1rem}.dt-search-box{order:2;min-width:100%}.dt-col-settings{order:1;margin-left:auto}.dt-table-wrapper{width:calc(100% + 2rem);margin:0 -1rem;padding:0 1rem}.dt-table{min-width:800px}}@media (width<=640px){.dt-root{border-radius:12px}.dt-footer{text-align:center;flex-direction:column;align-items:center;gap:1rem}.dt-info{order:2}.dt-page-size-picker{order:3}.dt-pagination{order:1;justify-content:center;width:100%}}.fa-tree-picker{background:#fff;border:1.5px solid #e9edf7;border-radius:14px;width:100%;min-width:0;overflow:hidden}.fa-tree-picker.disabled{opacity:.65;pointer-events:none}.fa-tree-summary{color:#707eae;background:#f8faff;border-bottom:1px solid #f1f5ff;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.8125rem;font-weight:600;display:flex}.fa-tree-clear{color:#4f46e5;cursor:pointer;background:0 0;border:none;font-size:.8125rem;font-weight:600}.fa-tree-body{flex-direction:column;max-height:280px;display:flex;overflow:hidden auto}.fa-tree-body::-webkit-scrollbar{width:4px}.fa-tree-body::-webkit-scrollbar-track{background:#f8faff}.fa-tree-body::-webkit-scrollbar-thumb{background:#e9edf7;border-radius:2px}.fa-tree-node.nested{border-left:2px solid #f1f5ff;margin-left:1rem;padding-left:.5rem}.fa-tree-node.leaf .fa-tree-row{padding-left:.5rem}.fa-tree-row{align-items:center;gap:.15rem;min-width:0;display:flex}.fa-tree-toggle-spacer{flex-shrink:0;width:22px;height:22px;margin-left:.35rem}.fa-tree-toggle{color:#707eae;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:.35rem;display:flex}.fa-tree-row-inner{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f8faff;flex:1;align-items:center;gap:.65rem;min-width:0;padding:.6rem .85rem .6rem .25rem;transition:background .12s;display:flex}.fa-tree-body>.fa-tree-node:last-child .fa-tree-row-inner,.fa-tree-node.nested:last-child .fa-tree-row-inner{border-bottom:none}.fa-tree-row-inner:hover{background:#f4f7fe}.fa-tree-row-inner.selected{background:#f0f0ff}.fa-tree-row-inner input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;flex-shrink:0;width:15px;height:15px;margin:0}.fa-tree-row-inner>svg{color:#707eae;flex-shrink:0}.fa-tree-name{color:#1b2559;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.85rem;font-weight:600;overflow:hidden}.fa-tree-meta{color:#a3aed0;white-space:nowrap;flex-shrink:0;margin-left:auto;padding-left:.5rem;font-size:.72rem;font-weight:500}.fa-tree-empty{color:#707eae;padding:.5rem 0;font-size:.875rem}.tasks-container{flex-direction:column;gap:1.25rem;display:flex}.tasks-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tasks-header .header-info h1{color:var(--admin-text);margin-bottom:.2rem;font-size:1.75rem;font-weight:800}.tasks-header .header-info p{color:var(--admin-text-light);font-size:.92rem}.add-task-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-size:.88rem;font-weight:700;transition:background .2s,transform .15s;display:flex}.add-task-btn:hover{background:#4338ca;transform:translateY(-2px)}.task-title-cell{flex-direction:column;gap:.15rem;display:flex}.task-title-text{color:var(--admin-text);font-weight:600}.task-desc-text{color:var(--admin-text-light);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:.78rem;overflow:hidden}.priority-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.priority-low{color:#166534;background:#f0fdf4}.priority-medium{color:#854d0e;background:#fefce8}.priority-high{color:#991b1b;background:#fef2f2}.task-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.task-todo{color:#475569;background:#f1f5f9}.task-in-progress{color:#1e40af;background:#eff6ff}.task-done{color:#065f46;background:#d1fae5}.due-date-cell{color:var(--admin-text-light);align-items:center;gap:.35rem;font-size:.83rem;display:flex}.schedule-badge{white-space:nowrap;color:#374151;background:#f3f4f6;border-radius:8px;align-items:center;padding:.22rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.ta-cascade-container{flex-direction:column;gap:.75rem;display:flex}.ta-cascade-main-label{color:#1b2559;font-size:.875rem;font-weight:600}.ta-cascade-grid{flex-direction:column;gap:1rem;display:flex}.ta-select-group{flex-direction:column;gap:.4rem;display:flex}.ta-select-label{color:#707eae;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.ta-select-group select{color:#1b2559;cursor:pointer;appearance:none;background-color:#f4f7fe;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a3aed0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #e0e5f2;border-radius:10px;outline:none;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;transition:all .2s}.ta-select-group select:focus{background-color:#fff;border-color:#4318ff;box-shadow:0 0 0 3px #4318ff1a}.ta-select-group select:disabled{color:#a3aed0;cursor:not-allowed;opacity:.7;background-color:#f4f7fe}@media (width<=560px){.ta-cascade-grid,.form-row{grid-template-columns:1fr}}.flc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.flc-grid.no-block{grid-template-columns:repeat(3,minmax(0,1fr))}.flc-step{flex-direction:column;gap:.35rem;min-width:0;display:flex}.flc-step label{color:var(--admin-text-light,#707eae);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.flc-optional{color:#94a3b8;font-size:.72rem;font-weight:500}.flc-step select{width:100%;color:var(--admin-text,#1b2559);cursor:pointer;background:#f8faff;border:1.5px solid #e9edf7;border-radius:10px;outline:none;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s}.flc-step select:focus{background:#fff;border-color:#4f46e5}.flc-step select:disabled{opacity:.5;cursor:not-allowed}@media (width<=720px){.flc-grid,.flc-grid.no-block{grid-template-columns:1fr}}.tree-select-modal-content{flex-direction:column;gap:1rem;display:flex}.tree-header{border-bottom:1px solid #e0e5f2;padding-bottom:1rem}.tree-label{cursor:pointer;color:#1b2559;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.tree-label.all-select{font-weight:600}.tree-label input[type=checkbox]{cursor:pointer;accent-color:#4318ff;width:16px;height:16px}.tree-body{flex-direction:column;gap:.5rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.tree-body::-webkit-scrollbar{width:6px}.tree-body::-webkit-scrollbar-track{background:#f4f7fe;border-radius:4px}.tree-body::-webkit-scrollbar-thumb{background:#a3aed0;border-radius:4px}.tree-node-content{align-items:center;gap:.25rem;padding:.25rem 0;display:flex}.tree-toggle{cursor:pointer;color:#a3aed0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.tree-toggle:hover{color:#4318ff;background-color:#f4f7fe}.tree-toggle-placeholder{width:24px;height:24px;display:inline-block}.tree-children{margin-top:.25rem;position:relative}.tree-children:before{content:"";background-color:#e0e5f2;width:1px;position:absolute;top:0;bottom:0;left:-8px}.hk-select__control{font-size:14px}.hk-select__single-value,.hk-select__input-container{color:#1e293b}.users-container{max-width:1400px;margin:0 auto;padding:1.5rem}.users-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.add-user-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.add-user-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4318ff33}.user-name-cell{align-items:center;gap:.75rem;display:flex}.role-badge{color:#4318ff;text-transform:capitalize;background-color:#f4f7fe;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-inactive{color:#e53e3e;background-color:#fff5f5}.form-group input,.form-group select{color:#1b2559;border:1px solid #e0e5f2;border-radius:10px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#4318ff;outline:none;box-shadow:0 0 0 3px #4318ff1a}.user-modal-form{gap:1rem}.user-modal-form .form-group input{width:100%}@media (width<=640px){.form-row{grid-template-columns:1fr}.users-header{flex-direction:column;align-items:flex-start;gap:1rem}}.meta-columns{flex-direction:column;gap:.25rem;display:flex}.roles-container{max-width:1400px;margin:0 auto;padding:1.5rem}.roles-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.add-role-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.add-role-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4318ff33}.role-name-cell{color:#1b2559;align-items:center;gap:.75rem;font-weight:600;display:flex}.role-icon{color:#4318ff}.form-group input,.form-group textarea{color:#1b2559;resize:none;border:1px solid #e0e5f2;border-radius:10px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4318ff;outline:none;box-shadow:0 0 0 3px #4318ff1a}.switch{width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e0;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#4318ff}input:focus+.slider{box-shadow:0 0 1px #4318ff}input:checked+.slider:before{transform:translate(18px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.status-switch-cell{align-items:center;gap:.75rem;display:flex}.status-text{font-size:.75rem;font-weight:600}.status-text.active{color:#059669}.status-text.passive{color:#e53e3e}.status-toggle-container{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.status-label{color:#707eae;font-size:.875rem}.action-btn-icon.secondary:hover{color:#4318ff;background-color:#f4f7fe;border-color:#4318ff}.customers-container{max-width:1400px;margin:0 auto;padding:1.5rem}.customers-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.add-customer-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.add-customer-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4318ff33}.customer-name-cell{align-items:center;gap:.75rem;display:flex}.avatar-circle{color:#fff;background:linear-gradient(135deg,#059669 0%,#34d399 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.status-active{color:#059669;background-color:#e6fffa}.status-passive{color:#707eae;background-color:#f4f7fe}@media (width<=640px){.form-row{grid-template-columns:1fr}}.psp-picker{border:1.5px solid #e9edf7;border-radius:14px;overflow:hidden}.psp-search{border-bottom:1px solid #f1f5ff;padding:.6rem}.psp-search input{box-sizing:border-box;border:1.5px solid #e9edf7;border-radius:8px;outline:none;width:100%;padding:.45rem .75rem;font-size:.85rem;transition:border-color .2s}.psp-search input:focus{border-color:#4f46e5}.psp-list{flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.psp-empty{text-align:center;color:#94a3b8;margin:0;padding:1rem;font-size:.85rem}.psp-row{cursor:pointer;text-align:left;width:100%;font:inherit;background:#fff;border:none;border-bottom:1px solid #f8faff;align-items:center;gap:.65rem;padding:.6rem .85rem;transition:background .12s;display:flex}.psp-row:last-child{border-bottom:none}.psp-row:hover{background:#f4f7fe}.psp-row.selected{background:#f0f0ff}.psp-radio{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:15px;height:15px;position:relative}.psp-radio.checked{border-color:#4f46e5}.psp-radio.checked:after{content:"";background:#4f46e5;border-radius:50%;position:absolute;inset:3px}.psp-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.65rem;font-weight:800;display:flex}.psp-info{flex-direction:column;gap:.05rem;min-width:0;display:flex}.psp-name{color:#1b2559;font-size:.85rem;font-weight:600}.psp-role{color:#94a3b8;font-size:.75rem}.followup-container{max-width:1400px;margin:0 auto;padding:1.5rem}.followup-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.add-followup-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.add-followup-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4318ff33}.followup-title-cell{color:#1b2559;align-items:center;gap:.75rem;font-weight:600;display:flex}.title-icon{color:#4318ff}.followup-map-link{color:#4318ff;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.followup-map-link:hover{text-decoration:underline}.status-badge{border-radius:6px;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.status-pending{color:#f59e0b;background-color:#fff8e1}.status-completed{color:#059669;background-color:#e6fffa}.status-failed{color:#e53e3e;background-color:#fff5f5}.followup-personnel-label{align-items:center;gap:.4rem;display:inline-flex}.followup-selected-person{color:#64748b;margin:.35rem 0 0;font-size:.8125rem}.followup-selected-person strong{color:#1b2559}.form-group input,.form-group select,.form-group textarea{color:#1b2559;resize:none;border:1px solid #e0e5f2;border-radius:10px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4318ff;outline:none;box-shadow:0 0 0 3px #4318ff1a}@media (width<=640px){.form-row{grid-template-columns:1fr}}.complaints-container{max-width:1400px;margin:0 auto;padding:1.5rem}.complaints-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.type-badge{text-transform:uppercase;border-radius:6px;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.type-badge.complaint{color:#e53e3e;background-color:#fff5f5}.type-badge.suggestion{color:#059669;background-color:#e6fffa}.area-cell{color:#1b2559;align-items:center;gap:.5rem;font-weight:500;display:flex}.desc-text{color:#707eae;font-size:.875rem}.desc-text.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:250px;display:block;overflow:hidden}.meta-cell{color:#707eae;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.status-open{color:#e53e3e;background-color:#fff5f5}.status-progress{color:#f59e0b;background-color:#fff8e1}.status-resolved{color:#059669;background-color:#e6fffa}.status-closed{color:#707eae;background-color:#f4f7fe}.action-btns{gap:.5rem;display:flex}.action-btn-icon{color:#707eae;cursor:pointer;background:#fff;border:1px solid #e0e5f2;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn-icon:hover{color:#4318ff;background-color:#f4f7fe;border-color:#4318ff}.action-btn-icon.delete:hover{color:#e53e3e;background-color:#fff5f5;border-color:#e53e3e}.info-section{background-color:#f4f7fe;border-radius:12px;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.info-item label{color:#a3aed0;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.info-item p{color:#1b2559;margin:0;font-size:.875rem;font-weight:600}.complaint-detail-entries{margin:.35rem 0 0;padding-left:1.1rem;list-style:outside}.complaint-detail-entries li{color:#475569;margin-bottom:.35rem;font-size:.875rem;line-height:1.5}.complaint-detail-entries strong{color:#1b2559}.area-cell span{line-height:1.35}.info-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#1b2559;font-size:.875rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group select,.form-group textarea{color:#1b2559;resize:none;border:1px solid #e0e5f2;border-radius:10px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.form-group select:focus,.form-group textarea:focus{border-color:#4318ff;outline:none;box-shadow:0 0 0 3px #4318ff1a}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.modal-btn{cursor:pointer;border-radius:10px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.modal-btn.cancel{color:#707eae;background-color:#f4f7fe;border:none}.modal-btn.primary{color:#fff;background-color:#4318ff;border:none}.modal-btn.primary:hover{background-color:#3612d3}.my-tasks-container{background-color:#f8fafc;max-width:850px;min-height:calc(100vh - 72px);margin:0 auto;padding:1.5rem}.my-tasks-header-minimal{margin-bottom:2rem}.my-tasks-header-minimal h1{color:#1b2559;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.my-tasks-header-minimal p{color:#a3aed0;font-size:1rem}.section-block{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:1.25rem;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.section-trigger{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.section-trigger:hover{background:#fdfdfd}.trigger-left{color:#1b2559;align-items:center;gap:.875rem;font-weight:700;display:flex}.trigger-left .badge{color:#64748b;background:#f1f5f9;border-radius:999px;padding:.15rem .65rem;font-size:.75rem}.section-block.active .trigger-left{color:#3b82f6}.section-block.done .trigger-left{color:#10b981}.section-block.cancelled .trigger-left{color:#ef4444}.chevron{color:#94a3b8;transition:transform .3s}.is-expanded .chevron{transform:rotate(90deg)}.section-content{background:#fcfcfd;border-top:1px solid #f1f5f9;display:none}.is-expanded .section-content{display:block}.location-group{margin-bottom:.5rem}.location-subheader{color:#4318ff;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;align-items:center;gap:.6rem;padding:1rem 1.5rem .5rem;font-size:.75rem;font-weight:800;display:flex}.task-row{cursor:pointer;background:#fff;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:1.25rem;padding:1rem 1.5rem;transition:background .2s;display:flex}.task-row:last-child{border-bottom:none}.task-row:hover{background:#f8fafc}.check-box{background:#fff;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.15rem;transition:all .2s;display:flex}.check-box:hover{border-color:#3b82f6}.check-box.completed{color:#fff;background:#10b981;border-color:#10b981}.check-box.cancelled{color:#fff;background:#ef4444;border-color:#ef4444}.task-info-block{flex:1}.title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.task-title-text{color:#1b2559;font-size:1rem;font-weight:600;line-height:1.4}.is-completed .task-title-text,.is-cancelled .task-title-text{color:#94a3b8;text-decoration:line-through}.meta-row{color:#94a3b8;align-items:center;gap:.75rem;margin-top:.4rem;font-size:.75rem;font-weight:600;display:flex}.prio-dot{border-radius:50%;width:8px;height:8px}.prio-dot.high{background:#ef4444}.prio-dot.medium{background:#f59e0b}.prio-dot.low{background:#10b981}.mobile-chevron{color:#e2e8f0;flex-shrink:0}.task-action-modal{flex-direction:column;gap:1.5rem;display:flex}.modal-header-info h3{color:#1b2559;font-size:1.35rem;font-weight:800;line-height:1.3}.meta-badges{gap:.75rem;margin-top:.5rem;display:flex}.prio-tag{text-transform:uppercase;border-radius:6px;padding:.25rem .65rem;font-size:.7rem;font-weight:800}.prio-tag.priority-high{color:#ef4444;background:#fef2f2}.prio-tag.priority-medium{color:#f59e0b;background:#fffbeb}.prio-tag.priority-low{color:#10b981;background:#f0fdf4}.date-tag{color:#64748b;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.note-textarea{resize:none;color:#1b2559;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:1rem;font-size:.95rem}.action-button-grid{grid-template-columns:1fr;gap:.875rem;display:grid}.action-btn{cursor:pointer;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;padding:1rem;font-weight:700;transition:all .2s;display:flex}.action-btn.in_progress{color:#3b82f6;background:#eff6ff}.action-btn.done{color:#10b981;background:#ecfdf5}.action-btn.cancel{color:#ef4444;background:#fef2f2}.action-btn.active{border-color:currentColor}.modal-btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.5rem;font-weight:700}.empty-tasks{color:#cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem;display:flex}.loading-state{color:#cbd5e1;justify-content:center;padding:10rem;display:flex}@media (width<=640px){.my-tasks-container{padding:1rem}.task-row{padding:1.25rem 1rem}.title-row{align-items:center}.mobile-chevron{display:block}}.qrs-container{padding:1.5rem;animation:.4s ease-out fadeIn}.qrs-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.qr-code-cell{color:var(--primary);align-items:center;gap:.5rem;font-weight:600;display:flex}.qr-location-cell{flex-direction:column;gap:.25rem;display:flex}.loc-item{color:var(--text-gray);align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.loc-item svg{color:#94a3b8}.loc-item.highlight{color:var(--text-dark);font-weight:500}.loc-item.highlight svg{color:var(--primary)}.point-badge{border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.point-badge.yes{color:#059669;background-color:#ecfdf5}.point-badge.no{color:#64748b;background-color:#f1f5f9}.status-badge{border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.status-badge.active{color:#16a34a;background-color:#f0fdf4}.status-badge.passive,.action-btn-icon.toggle.to-passive:hover{color:#e11d48;background-color:#fff1f2}.action-btn-icon.toggle.to-active:hover{color:#16a34a;background-color:#f0fdf4}.action-btn-icon.print:hover{color:var(--primary);background-color:#f1f5f9}.modal-body.qrs-modal-body{padding:1.25rem 1.5rem 1.5rem}.qrs-modal-form{gap:1.125rem}.qrs-modal-form .qrs-field-label{color:#1b2559;font-size:.875rem;font-weight:600}.qrs-mode-tabs{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.qrs-mode-tab{cursor:pointer;color:#707eae;background:#fff;border:1px solid #e0e5f2;border-radius:10px;padding:.6rem .75rem;font-size:.8125rem;font-weight:600;transition:border-color .2s,background .2s,color .2s}.qrs-mode-tab.active{color:#4318ff;background:#f0eeff;border:2px solid #4318ff}.qrs-type-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.qrs-type-card{cursor:pointer;text-align:center;color:#707eae;background:#f4f7fe;border:2px solid #e0e5f2;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;font-size:.8125rem;font-weight:600;line-height:1.35;transition:all .2s;display:flex}.qrs-type-card.active{color:#4318ff;background:#f0eeff;border-color:#4318ff}.qrs-form-select{box-sizing:border-box;background-color:#f4f7fe;border:1px solid #e0e5f2;border-radius:10px;outline:none;width:100%;padding:.625rem .875rem;font-size:.875rem}.qrs-cascade-grid.no-block{grid-template-columns:1fr 1fr 1fr}.qrs-cascade-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.qrs-cascade-grid select{box-sizing:border-box;border:1px solid #e0e5f2;border-radius:10px;width:100%;padding:.625rem .875rem;font-size:.875rem}.qrs-select-label{color:#707eae;align-items:center;gap:.35rem;font-size:.8rem;display:flex}@media (width<=768px){.qrs-header{flex-direction:column;align-items:flex-start;gap:1rem}.qrs-type-grid,.qrs-cascade-grid{grid-template-columns:1fr}}@media (width<=640px){.qrs-mode-tabs{grid-template-columns:1fr}}.qr-print-modal-hint{color:var(--text-gray);margin-bottom:1rem;font-size:.8125rem;line-height:1.5}.qr-print-format-select{background:#fff;border:1px solid #e0e5f2;border-radius:10px;width:100%;padding:.625rem .875rem;font-size:.875rem}.qr-print-modal-area{color:var(--primary);margin-top:.75rem;font-size:.8125rem;font-weight:600}.qr-print-submit{align-items:center;gap:.4rem;display:inline-flex}.forms-page-container{padding:1.5rem;animation:.4s ease-out fadeIn}.forms-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-info h1{color:var(--text-dark);margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.header-info p{color:var(--text-gray);font-size:.9375rem}.add-form-btn{background-color:var(--primary);color:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;display:flex;box-shadow:0 4px 6px -1px #3b82f633}.add-form-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.form-name-cell{color:var(--text-dark);align-items:center;gap:.75rem;font-weight:500;display:flex}.form-name-cell svg{color:var(--primary)}.field-count-badge{color:#475569;background-color:#f1f5f9;border-radius:6px;padding:.25rem .6rem;font-size:.8125rem;font-weight:500}.date-cell{color:var(--text-gray);align-items:center;gap:.4rem;font-size:.875rem;display:flex}.designer-container{background-color:#f8fafc;flex-direction:column;min-height:100vh;display:flex;position:relative}.designer-header{z-index:9;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:1rem;padding:1rem;display:flex;position:sticky;top:0}@media (width>=1025px){.designer-header{flex-direction:row;justify-content:space-between;align-items:center;height:72px;padding:0 1.5rem;position:relative;top:auto}}.designer-header .header-left{align-items:center;gap:1rem;display:flex}.header-title-group{flex-direction:column;display:flex}.header-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.65rem;font-weight:700}.header-title-group h3{color:#1e293b;margin:0;font-size:1.125rem;font-weight:700}.header-actions-mobile-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}@media (width>=1025px){.header-actions-mobile-card{background:0 0;border:none;padding:0}}.header-tool-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.save-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;margin-left:auto;padding:.6rem 1.25rem;font-weight:600;display:flex}.designer-main{flex:1;display:flex;position:relative}.designer-sidebar-left{background-color:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;width:280px;padding:1.5rem;overflow-y:auto}.designer-sidebar-right{background-color:#fff;border-left:1px solid #e2e8f0;flex-shrink:0;width:320px;padding:1.5rem;overflow-y:auto}@media (width<=1024px){.designer-sidebar-left,.designer-sidebar-right{z-index:1000;width:300px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;box-shadow:0 0 40px #00000026}.designer-sidebar-left{left:0;transform:translate(-100%)}.designer-sidebar-right{width:100%;right:0;transform:translate(100%)}.designer-main.show-left .designer-sidebar-left,.designer-main.show-right .designer-sidebar-right{transform:translate(0)}}.designer-canvas{background-color:#f1f5f9;flex:1;justify-content:center;min-height:100%;padding:2rem;display:flex}@media (width<=1024px){.designer-canvas{padding:1rem}}.canvas-empty{color:#94a3b8;text-align:center;background-color:#fff;border:2px dashed #cbd5e1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;height:300px;padding:2rem;display:flex}.field-list{flex-direction:column;gap:1rem;width:100%;max-width:600px;padding-bottom:100px;display:flex}.field-item-wrapper{cursor:pointer;background-color:#fff;border:2px solid #0000;border-radius:16px;padding:1.5rem;position:relative;box-shadow:0 1px 3px #0000001a}.field-item-wrapper.active{border-color:var(--primary)}.field-controls{gap:.25rem;display:flex;position:absolute;top:1rem;right:1rem}.field-controls button{cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.field-controls button:hover{background-color:#e2e8f0}.field-controls button.del:hover{color:#ef4444;background-color:#fee2e2}.field-label-row{align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-right:100px;display:flex}.field-order{color:#64748b;background-color:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.field-label-row label{color:#1e293b;font-size:.95rem;font-weight:600}.field-render{background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;padding:1.25rem}.render-stars{gap:6px;display:flex}.render-btns{gap:.75rem;display:flex}.render-group{flex-wrap:wrap;gap:.75rem;display:flex}.render-btn{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:flex}.render-btn svg{color:var(--primary);flex-shrink:0}.render-photo{color:#94a3b8;flex-direction:column;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.render-text{color:#94a3b8;font-size:.85rem;font-style:italic}.designer-mobile-nav{z-index:1100;background-color:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;height:64px;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=1024px){.designer-mobile-nav{display:flex}.designer-mobile-nav button{color:#64748b;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.designer-mobile-nav button.active{color:var(--primary)}.hide-mobile{display:none}}.component-list{grid-template-columns:1fr;gap:.75rem;padding:1rem;display:grid}.comp-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1rem;transition:all .2s;display:flex}.comp-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.comp-card span{color:#1e293b;font-size:.875rem;font-weight:600}.comp-icon{width:40px;height:40px;color:var(--primary);background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-panel{padding:1.5rem}.settings-header{color:#1e293b;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.settings-header h3{margin:0;font-size:1.1rem;font-weight:700}.setting-group{margin-bottom:1.5rem}.setting-group label{color:#64748b;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.setting-group input:not([type=checkbox]),.setting-group select,.setting-group textarea{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.7rem;font-size:.9rem}.checkbox-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.checkbox-row label{cursor:pointer;flex:1;margin-bottom:0}.checkbox-row input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.logic-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.logic-values{margin-top:1rem}.values-grid{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.val-chip{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:.4rem .75rem;font-size:.75rem;font-weight:600}.val-chip.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.options-editor{flex-direction:column;gap:1rem;display:flex}.option-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.opt-main-row{align-items:center;gap:.5rem;display:flex}.opt-text-input{background:#fff;flex:1}.opt-meta-row{flex-direction:column;gap:.5rem;display:flex}.sub-label{color:#94a3b8!important;font-size:.75rem!important}.select-with-icon{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;display:flex;position:relative}.select-with-icon svg{color:var(--primary);z-index:1;pointer-events:none;position:absolute;left:.75rem}.select-with-icon select{background:0 0;width:100%;height:38px;border:none!important;padding-left:2.25rem!important;font-size:.85rem!important}.remove-opt-btn{color:#e11d48;cursor:pointer;background-color:#fff1f2;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem;font-size:.75rem;font-weight:600;display:flex}.add-opt-btn{width:100%;color:var(--primary);cursor:pointer;background-color:#fff;border:2px dashed #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;font-weight:700;display:flex}.add-opt-btn:hover{border-color:var(--primary);background-color:#eff6ff}.preview-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.mobile-frame{background-color:#000;border-radius:40px;flex-direction:column;width:320px;height:min(640px,90vh);padding:12px;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}.mobile-notch{z-index:10;background-color:#000;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:120px;height:18px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mobile-content{background-color:#f8fafc;border-radius:30px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.mobile-header{background-color:var(--primary);color:#fff;padding:2rem 1.25rem 1.25rem}.mobile-header h3{margin:0;font-size:1.125rem;font-weight:700}.mobile-form{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.mobile-description{border:1px solid #e2e8f0;border-left:4px solid var(--primary);background-color:#fff;border-radius:16px;gap:.75rem;padding:1.25rem;display:flex}.desc-icon{color:var(--primary);flex-shrink:0}.mobile-description p{color:#475569;margin:0;font-size:.8rem;line-height:1.5}.mobile-field{width:100%}.mobile-field label{color:#1e293b;margin-bottom:.75rem;font-size:.875rem;font-weight:700;display:block}.mobile-stars-interactive{justify-content:center;gap:.4rem;display:flex}.mobile-btns{gap:.5rem;display:flex}.mobile-btns button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:.6rem;font-weight:600}.mobile-btns button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mobile-icon-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;display:flex}.mobile-icon-btn.active{border-color:var(--primary);background:#eff6ff;border-width:2px}.mobile-textarea-input{resize:none;border:1px solid #e2e8f0;border-radius:10px;width:100%;height:80px;padding:.75rem;font-family:inherit}.photo-upload-box{color:#64748b;background:#fff;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:120px;font-size:.8rem;display:flex}.mobile-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;margin:.5rem 1.25rem 1.5rem;padding:.8rem;font-weight:700}.admin-help-container{max-width:1200px;margin:0 auto;padding:1.5rem}.help-header{margin-bottom:2.5rem}.help-header h1{color:#1b2559;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.help-header p{color:#a3aed0;font-size:.9375rem}.help-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.help-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;align-items:center;padding:2rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 30px #0000000d}.help-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001a}.card-icon-wrapper{border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex}.section-icon{width:28px;height:28px}.help-card h3{color:#1b2559;margin-bottom:.75rem;font-size:1.125rem}.help-card p{color:#707eae;flex:1;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.help-card-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.875rem;font-weight:700;transition:gap .2s;display:flex}.help-card-btn:hover{gap:.75rem}.support-channels{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000000d}.support-channels h2{color:#1b2559;margin-bottom:1.5rem;font-size:1.25rem}.channels-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.channel-item{align-items:center;gap:1.25rem;display:flex}.channel-item svg{color:#4318ff}.channel-item label{color:#a3aed0;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.channel-item span{color:#1b2559;font-size:1rem;font-weight:600}.help-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;animation:.2s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.help-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:680px;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn;display:flex;overflow:hidden;box-shadow:0 40px 80px #0003}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.help-modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.help-modal-title{align-items:center;gap:.75rem;display:flex}.help-modal-title h2{color:#1b2559;margin:0;font-size:1.25rem;font-weight:700}.modal-title-icon{color:#4318ff}.help-modal-close{cursor:pointer;color:#707eae;background:#f4f7fe;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.help-modal-close:hover{color:#dc2626;background:#fee2e2}.help-modal-body{flex:1;padding:2rem;overflow-y:auto}.manual-section{flex-direction:column;gap:2rem;display:flex}.manual-step{gap:1.25rem;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#4318ff,#6366f1);border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 4px 12px #4318ff40}.step-content h3{color:#1b2559;margin-bottom:.5rem;font-size:1rem;font-weight:700}.step-content p{color:#707eae;font-size:.875rem;line-height:1.7}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{border:1px solid #e0e5f2;border-radius:12px;transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:#4318ff}.faq-question{color:#1b2559;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background .2s;display:flex}.faq-question:hover{background:#f8faff}.faq-item.open .faq-question{color:#4318ff;background:#f8f6ff}.faq-answer{color:#707eae;border-top:1px solid #f1f5f9;padding:1rem 1.25rem 1.25rem;font-size:.875rem;line-height:1.7}.support-form{flex-direction:column;gap:1.25rem;display:flex}.support-field{flex-direction:column;gap:.5rem;display:flex}.support-field label{color:#1b2559;font-size:.875rem;font-weight:600}.support-field input,.support-field select,.support-field textarea{color:#1b2559;resize:vertical;background:#f8faff;border:1px solid #e0e5f2;border-radius:10px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.support-field input:focus,.support-field select:focus,.support-field textarea:focus{border-color:#4318ff;box-shadow:0 0 0 3px #4318ff1a}.support-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4318ff,#6366f1);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .2s;display:flex}.support-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4318ff4d}.support-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:flex}.support-success-icon{color:#10b981;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.5rem;display:flex}.support-success h3{color:#1b2559;margin:0;font-size:1.25rem;font-weight:700}.support-success p{color:#707eae;max-width:360px;font-size:.9rem;line-height:1.6}.support-new-btn{color:#4318ff;cursor:pointer;background:#f4f7fe;border:none;border-radius:10px;margin-top:.5rem;padding:.75rem 1.5rem;font-weight:700;transition:background .2s}.support-new-btn:hover{background:#e0e5f2}@media (width<=640px){.support-channels{padding:1.5rem}.help-modal-body,.help-modal-header{padding:1.25rem}}.error-page{background:#f4f7fe;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.error-blob{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;position:absolute}.error-blob-1{background:radial-gradient(circle,#c7d2fe,#0000);width:500px;height:500px;top:-150px;right:-100px}.error-blob-2{background:radial-gradient(circle,#ddd6fe,#0000);width:400px;height:400px;bottom:-120px;left:-80px}.forbidden-blob.error-blob-1{background:radial-gradient(circle,#fecaca,#0000)}.forbidden-blob.error-blob-2{background:radial-gradient(circle,#fed7aa,#0000)}.error-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffffeb;border:1px solid #fffc;border-radius:28px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:480px;padding:3rem 2.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) errorCardIn;display:flex;position:relative;box-shadow:0 32px 64px -12px #0000001f}@keyframes errorCardIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.error-code-wrap{background:linear-gradient(135deg,#4f46e5 0%,#8b5cf6 100%);border-radius:20px;margin-bottom:.25rem;padding:.5rem 1.5rem}.forbidden-code{background:linear-gradient(135deg,#ef4444 0%,#f97316 100%)}.error-code{color:#fff;letter-spacing:-.04em;font-family:Inter,sans-serif;font-size:4rem;font-weight:900;line-height:1}.error-icon-badge{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:.25rem 0;display:flex}.error-icon-badge.not-found{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.error-icon-badge.forbidden{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fed7aa)}.error-title{color:#1b2559;margin:0;font-size:1.6rem;font-weight:800}.error-desc{color:#a3aed0;max-width:360px;margin:0;font-size:.95rem;line-height:1.6}.error-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.error-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.error-btn.primary{color:#fff;background:#4f46e5;box-shadow:0 4px 12px #4f46e54d}.error-btn.primary:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 8px 20px #4f46e559}.error-btn.secondary{color:#1b2559;background:#f4f7fe;border:1.5px solid #e9edf7}.error-btn.secondary:hover{color:#4f46e5;background:#fff;border-color:#4f46e5}.error-home-link{color:#a3aed0;align-items:center;gap:.35rem;margin-top:.25rem;font-size:.8rem;text-decoration:none;transition:color .15s;display:inline-flex}.error-home-link:hover{color:#4f46e5}@media (width<=480px){.error-card{padding:2rem 1.5rem}.error-code{font-size:3rem}.error-title{font-size:1.35rem}}.qrpage-shell{background:linear-gradient(160deg,#4318ff 0%,#6366f1 40%,#e0e7ff 100%);justify-content:center;align-items:flex-start;min-height:100dvh;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.qrpage-card{background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:420px;margin:1rem 0 2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) cardIn;display:flex;overflow:hidden;box-shadow:0 32px 80px #4318ff40}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.qrpage-header{background:#fff;border-bottom:1px solid #eef2ff;flex-direction:column;align-items:center;gap:.875rem;padding:1.25rem 1.5rem 1.125rem;display:flex;position:relative}.qrpage-header:before{content:"";background:linear-gradient(90deg,#4318ff 0%,#6366f1 50%,#a5b4fc 100%);border-radius:28px 28px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.qrpage-logo-wrap{background:#fff;border:1px solid #e8ecf4;border-radius:16px;justify-content:center;align-items:center;padding:.65rem 1.35rem;display:flex;box-shadow:0 8px 24px #4318ff14}.qrpage-logo{object-fit:contain;width:auto;max-width:min(280px,72vw);height:52px;display:block}.qrpage-location{color:#64748b;text-align:center;background:#f8faff;border:1px solid #eef2ff;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;width:100%;padding:.55rem .75rem;font-size:.78rem;font-weight:600;line-height:1.45;display:flex}.qrpage-location .sep{color:#c4b5fd;font-size:.85rem}.qrpage-location .area{color:#4318ff;font-weight:700}.qrpage-title-section{text-align:center;padding:1.75rem 1.5rem .5rem}.qrpage-title-section h1{color:#1b2559;margin-bottom:.5rem;font-size:1.25rem;font-weight:800;line-height:1.3}.qrpage-title-section p{color:#707eae;font-size:.875rem;line-height:1.5}.qrpage-form{flex-direction:column;gap:1.75rem;padding:1.25rem 1.5rem;display:flex}.qrpage-field{flex-direction:column;gap:.875rem;display:flex}.qrpage-field-label{color:#1b2559;font-size:.9375rem;font-weight:700;line-height:1.4}.req-star{color:#ef4444}.qrpage-stars{justify-content:center;gap:.3rem;padding:.75rem 0;display:flex}.star-btn{cursor:pointer;color:#e2e8f0;background:0 0;border:none;border-radius:8px;padding:4px;transition:transform .15s;display:flex}.star-btn:hover,.star-btn.active{color:#fbbf24;transform:scale(1.15)}.qrpage-yesno{gap:.75rem;display:flex}.yesno-btn{color:#475569;cursor:pointer;background:#f8faff;border:2px solid #e0e5f2;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.9375rem;font-weight:700;transition:all .2s;display:flex}.yesno-btn:hover{color:#4318ff;background:#f0eeff;border-color:#4318ff}.yesno-btn.active{color:#fff;background:#4318ff;border-color:#4318ff;box-shadow:0 6px 20px #4318ff4d}.qrpage-btngroup{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.group-btn{color:#475569;cursor:pointer;text-align:center;background:#f8faff;border:2px solid #e0e5f2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:80px;padding:1rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.group-btn:hover{color:#4318ff;background:#f0eeff;border-color:#4318ff}.group-btn.active{color:#4318ff;background:#f0eeff;border-width:2.5px;border-color:#4318ff;box-shadow:0 4px 12px #4318ff26}.qrpage-textarea{color:#1b2559;resize:none;background:#f8faff;border:1.5px solid #e0e5f2;border-radius:14px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.qrpage-textarea:focus{background:#fff;border-color:#4318ff;outline:none;box-shadow:0 0 0 3px #4318ff1a}.qrpage-photo-upload{color:#7c3aed;cursor:pointer;text-align:center;background:#f8f6ff;border:2px dashed #c4b5fd;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.qrpage-photo-upload:hover{background:#f0eeff;border-color:#4318ff}.qrpage-photo-upload small{color:#a3aed0;font-weight:400}.photo-selected{color:#10b981;align-items:center;gap:.5rem;display:flex}.photo-ok{color:#10b981;flex-shrink:0}.qrpage-no-form{color:#707eae;background:#f8faff;border:1px solid #e0e5f2;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.qrpage-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4318ff,#6366f1);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 24px #4318ff4d}.qrpage-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #4318ff66}.qrpage-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.qrpage-footer{border-top:1px solid #f1f5f9;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem;padding:1.25rem 1.5rem 1.75rem;display:flex}.footer-logo{object-fit:contain;opacity:.55;width:auto;max-width:160px;height:32px}.footer-text{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.footer-domain{color:#707eae;font-size:.75rem;font-weight:700}.footer-tagline{color:#a3aed0;font-size:.72rem;font-weight:600;line-height:1.35}.qrpage-loading{color:#fff;flex-direction:column;align-items:center;gap:1rem;margin:auto;padding:4rem 2rem;font-weight:600;display:flex}.qrpage-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.qrpage-notfound{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1.5rem 2rem;display:flex}.notfound-icon{color:#f59e0b}.qrpage-notfound h2{color:#1b2559;margin:0;font-size:1.25rem;font-weight:800}.qrpage-notfound p{color:#707eae;font-size:.9rem;line-height:1.6}.qrpage-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1.5rem 2rem;display:flex}.success-circle{color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;animation:.5s cubic-bezier(.34,1.56,.64,1) bounceIn;display:flex;box-shadow:0 12px 32px #10b98140}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.qrpage-success h2{color:#1b2559;margin:0;font-size:1.5rem;font-weight:800}.qrpage-success p{color:#707eae;max-width:280px;font-size:.9rem;line-height:1.6}.success-brand{text-align:center;color:#707eae;flex-direction:column;align-items:center;gap:.3rem;margin-top:.5rem;font-size:.78rem;font-weight:700;display:flex}.success-brand-tagline{color:#a3aed0;font-size:.72rem;font-weight:600}.qrpage-checkin-staff,.qrpage-checkin-location{padding:0 1.25rem 1rem}.qrpage-checkin-hint{color:#64748b;margin:.35rem 0 0;font-size:.85rem}.qrpage-checkin-hint.ok{color:#059669;font-weight:600}.qrpage-checkin-error{color:#dc2626;margin:.35rem 0 .75rem;font-size:.85rem}.qrpage-staff-list{flex-direction:column;gap:.5rem;max-height:220px;margin-top:.5rem;display:flex;overflow-y:auto}.qrpage-staff-btn{text-align:left;color:#1b2559;cursor:pointer;background:#fff;border:1.5px solid #e0e7ff;border-radius:10px;padding:.65rem .85rem;font-weight:600}.qrpage-staff-btn.active{color:#4318ff;background:#f0eeff;border-color:#4318ff}.qr-designs-container{max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;padding:40px 20px}.qr-designs-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.qr-designs-header h1{color:#1b2559;margin:0 0 8px;font-size:28px}.qr-designs-header p{color:#64748b;margin:0;font-size:15px}.create-design-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #3b82f633}.create-design-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 8px -1px #3b82f64d}.empty-designs-state{text-align:center;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex;box-shadow:0 10px 40px #00000008}.empty-icon{color:#cbd5e1;margin-bottom:24px}.empty-designs-state h2{color:#1b2559;margin:0 0 12px;font-size:24px}.empty-designs-state p{color:#64748b;max-width:400px;margin:0 0 32px}.designs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.design-card{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000000a}.design-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.design-preview{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.design-preview img{object-fit:contain;width:100%;height:100%;padding:16px}.no-preview{color:#cbd5e1;flex-direction:column;align-items:center;gap:12px;display:flex}.no-preview span{font-size:14px;font-weight:500}.design-overlay{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a99;justify-content:center;align-items:center;gap:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.design-card:hover .design-overlay{opacity:1}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;transition:all .2s;display:flex}.edit-btn{color:#1b2559;background:#fff}.edit-btn:hover{background:#f8fafc;transform:scale(1.05)}.delete-btn{color:#fff;background:#ef4444;padding:10px}.delete-btn:hover{background:#dc2626;transform:scale(1.05)}.design-info{padding:20px}.design-info h3{color:#1b2559;margin:0 0 10px;font-size:18px;font-weight:600}.design-meta{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.date{align-items:center;gap:4px;display:flex}.dot{color:#cbd5e1}.editor-container{background:#f1f5f9;flex-direction:column;height:100vh;font-family:Inter,sans-serif;display:flex}.editor-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header-left,.header-right{align-items:center;gap:16px;display:flex}.icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.icon-btn:hover{color:#1b2559;background:#f1f5f9}.design-name-input{color:#1b2559;border:1px solid #0000;border-radius:6px;width:250px;padding:6px 12px;font-size:18px;font-weight:600;transition:all .2s}.design-name-input:hover,.design-name-input:focus{background:#f8fafc;border-color:#cbd5e1;outline:none}.dimensions-inputs{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;margin-right:16px;padding:6px 16px;font-size:14px;display:flex}.dimensions-inputs input{text-align:center;border:1px solid #cbd5e1;border-radius:4px;width:60px;padding:4px 8px}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.primary-btn{color:#fff;background:#3b82f6;box-shadow:0 4px 6px -1px #3b82f633}.primary-btn:hover{background:#2563eb;transform:translateY(-1px)}.secondary-btn{color:#1b2559;background:#fff;border:1px solid #e2e8f0}.secondary-btn:hover{background:#f8fafc;border-color:#cbd5e1}.editor-workspace{flex:1;display:flex;overflow:hidden}.editor-toolbar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:280px;display:flex;overflow-y:auto}.toolbar-section{border-bottom:1px solid #e2e8f0;padding:24px}.toolbar-section h3{text-transform:uppercase;color:#94a3b8;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.tool-btn{color:#1b2559;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tool-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.tool-btn.active-tool{color:#fff;background:#3b82f6;border-color:#2563eb}.tool-btn.danger{color:#ef4444;background:#fef2f2;border-color:#fecaca}.tool-btn.danger:hover{background:#fee2e2}.prop-group{margin-bottom:16px}.prop-group label{color:#64748b;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.prop-group input[type=text],.prop-group input[type=number],.prop-group textarea{color:#1b2559;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.prop-group input[type=color]{cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;width:100%;height:40px;padding:0}.prop-group input[type=range]{accent-color:#3b82f6;cursor:pointer;width:100%;margin-top:8px}.row-group{gap:12px;display:flex}.half-group{flex:1;min-width:0}.custom-select-wrapper{width:100%;position:relative}.custom-select-wrapper:after{content:"▼";color:#64748b;pointer-events:none;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.custom-select-wrapper select{color:#1b2559;appearance:none;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 30px 8px 12px;font-size:14px;transition:all .2s}.custom-select-wrapper select:hover,.custom-select-wrapper select:focus{background:#fff;border-color:#cbd5e1;outline:none;box-shadow:0 0 0 2px #3b82f61a}.align-buttons{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;overflow:hidden}.align-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-right:1px solid #e2e8f0;flex:1;justify-content:center;align-items:center;padding:6px 0;transition:all .2s;display:flex}.align-btn:last-child{border-right:none}.align-btn:hover{color:#1b2559;background:#e2e8f0}.align-btn.active{color:#fff;background:#3b82f6}.editor-canvas-container{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTAgMGgyMHYyMEgweiIgZmlsbD0ibm9uZSIvPjxjaXJjbGUgY3g9IjIiIGN5PSIyIiByPSIxIiBmaWxsPSIjZTEyZDNmIi8+PC9zdmc+);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow:auto}.canvas-wrapper{transition:all .3s;position:relative}.settings-container{max-width:720px;padding:1.5rem}.settings-header h1{color:#1b2559;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.settings-header p{color:#707eae;margin:0 0 1.5rem}.settings-form{background:#fff;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 24px #707eae14}.settings-field label{color:#1b2559;margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.settings-field input{border:1px solid #e0e5f2;border-radius:10px;width:100%;padding:.625rem .875rem;font-size:.875rem}.settings-save-btn{color:#fff;cursor:pointer;background:#4318ff;border:none;border-radius:10px;align-self:flex-start;align-items:center;gap:.5rem;margin-top:.5rem;padding:.625rem 1.25rem;font-weight:600;display:inline-flex}.settings-loading{justify-content:center;padding:4rem;display:flex}.menus-container{padding:1.5rem}.menus-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.menus-header .header-info h1{color:#1b2559;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.menus-header .header-info p{color:#707eae;margin:0}.menus-add-btn{color:#fff;cursor:pointer;background:#4318ff;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;display:inline-flex}.menu-code{color:#4318ff;background:#f4f7fe;border-radius:6px;padding:.15rem .5rem;font-size:.8rem}.menus-header h1{color:#1b2559;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.menus-header p{color:#707eae;margin:0 0 1.5rem}.menus-tree-card{background:#fff;border-radius:16px;padding:1rem 1.25rem;box-shadow:0 4px 24px #707eae14}.menu-tree-row{cursor:pointer;color:#1b2559;align-items:center;gap:.5rem;padding:.5rem 0;font-weight:500;display:flex}.menu-tree-spacer{width:14px}.menu-tree-icon{color:#4318ff}.menu-tree-id{color:#a3aed0;margin-left:auto;font-size:.75rem}.menus-empty,.menus-loading{text-align:center;color:#707eae;padding:2rem}.menus-loading{justify-content:center;display:flex}