:root{color:#334155;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fc;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{background:#f4f7fc;min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}#root{min-height:100svh}:root{--bg:#f4f5f7;--bg-card:#fff;--white:#fff;--card:#fff;--border:#e8eaed;--border-light:#f0f1f3;--fg:#1a1d23;--fg-secondary:#5f6577;--muted:#9ca3b4;--accent:#0ea5e9;--accent-light:#e0f2fe;--accent-dark:#0284c7;--green:#059669;--green-light:#d1fae5;--red:#dc2626;--red-light:#fee2e2;--blue:#2563eb;--blue-light:#dbeafe;--purple:#7c3aed;--purple-light:#ede9fe;--teal:#0d9488;--teal-light:#ccfbf1;--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 8px 30px #00000012;--shadow-xl:0 20px 60px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--font:"Plus Jakarta Sans", -apple-system, sans-serif;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}.login-page{background:#f4f7fb;place-items:center;min-height:100vh;padding:14px;display:grid}.login-card{border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow-lg);background:#fff;border-radius:18px;gap:18px;padding:28px;display:grid}.login-brand{align-items:center;gap:12px;margin-bottom:4px;display:flex}.login-brand h1{color:var(--fg);margin:0;font-size:20px;font-weight:900}.login-brand p{color:var(--muted);margin:2px 0 0;font-size:13px}.login-card label{color:var(--fg-secondary);gap:7px;font-size:10px;font-weight:800;display:grid}.login-card input{border:1.5px solid var(--border);width:100%;min-height:46px;color:var(--fg);border-radius:10px;outline:none;padding:0 14px}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.login-card button{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:46px;font-weight:900}.login-card button:disabled{opacity:.7;cursor:not-allowed}.login-card a{color:var(--accent-dark);text-align:center;font-size:13px;font-weight:800;text-decoration:none}.login-error{color:#dc2626;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700}.route-loading{color:#0f172a;min-height:100vh;font-family:var(--font);background:#f4f7fb;place-items:center;font-size:11px;font-weight:800;display:grid}.route-error{color:#0f172a;min-height:100vh;font-family:var(--font);text-align:center;background:#f4f7fb;align-content:center;place-items:center;gap:12px;padding:14px;display:grid}.route-error h1{margin:0;font-size:24px;font-weight:900}.route-error p{color:#64748b;max-width:720px;margin:0;font-size:11px;font-weight:600}.route-error button{color:#fff;cursor:pointer;background:#169bd5;border:0;border-radius:10px;padding:11px 18px;font-weight:800}.questionnaire-page .page-body{padding-top:24px}.questionnaire-hero{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.questionnaire-hero-copy{min-width:0}.questionnaire-kicker{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:.84rem;font-weight:700;display:inline-block}.questionnaire-hero h1{color:#0f172a;letter-spacing:-.04em;align-items:center;gap:8px;font-size:1.45rem;font-weight:800;line-height:1.15;display:flex}.questionnaire-hero h1 i{color:#2563eb;font-size:1.2em}.questionnaire-chip{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border:1px solid #bfdbfe;border-radius:999px;align-self:flex-start;padding:10px 16px;font-size:.85rem;font-weight:800}.questionnaire-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.questionnaire-search{flex:320px;gap:8px;max-width:520px;display:flex}.questionnaire-search input{font-family:var(--font);color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:.92rem}.questionnaire-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.quest-primary,.quest-secondary,.quest-text-btn{font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;border-radius:10px;font-weight:800}.quest-primary{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);padding:12px 18px;box-shadow:0 10px 20px #2563eb29}.questionnaire-toolbar .quest-primary{border-radius:10px;min-height:42px;padding:0 14px;font-size:.88rem;box-shadow:0 8px 16px #2563eb24}.quest-primary:hover{filter:brightness(.98);transform:translateY(-1px)}.quest-secondary{color:#64748b;background:#fff;border:1px solid #e2e8f0;padding:12px 18px}.quest-secondary:hover,.quest-text-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.quest-grid{display:none}.quest-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #0000000a}.quest-table-card{min-height:0}.quest-card-head{background:linear-gradient(#fff 0%,#f8fbff 100%);border-bottom:1px solid #eef2f7;padding:22px 24px 16px}.quest-card-head h2{color:#111827;font-size:1.08rem;font-weight:800}.quest-card-head p{color:#64748b;margin-top:4px;font-size:.88rem}.quest-form{flex-direction:column;gap:16px;padding:18px 24px 24px;display:flex}.quest-form label{color:#64748b;flex-direction:column;gap:6px;font-size:.85rem;font-weight:700;display:flex}.quest-form input,.quest-form select,.quest-form textarea{width:100%;font-family:var(--font);color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;padding:10px 12px;font-size:.95rem}.quest-form textarea{resize:vertical;min-height:120px}.quest-form input:focus,.quest-form select:focus,.quest-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.quest-form-actions{flex-wrap:wrap;gap:8px;display:flex}.quest-table-wrap{overflow-x:auto}.quest-table{border-collapse:collapse;width:100%;font-size:.92rem}.quest-table thead th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:14px 18px;font-size:.75rem;font-weight:700}.quest-table tbody td{vertical-align:top;color:#334155;border-bottom:1px solid #eef2f7;padding:16px 18px}.quest-table tbody tr:last-child td{border-bottom:none}.quest-table tbody tr:hover{background:#fafcff}.quest-question{color:#0f172a;font-weight:700}.quest-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.quest-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.quest-badge.option{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.quest-badge.scale{color:#0f766e;background:#ecfeff;border:1px solid #a7f3d0}.quest-badge.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.quest-badge.inactive{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.quest-row-actions{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quest-text-btn{color:#2563eb;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 8px;font-size:.82rem;display:inline-flex}.quest-text-btn i{font-size:.85rem}.quest-text-btn.danger{color:#94a3b8}.quest-text-btn:hover{color:#1d4ed8;background:0 0;border-color:#0000;text-decoration:none}.quest-text-btn.danger:hover{color:#64748b}.quest-empty{color:#94a3b8;text-align:center;padding:28px 18px}.quest-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;z-index:1190;background:#0f172a4d;transition:all .25s;position:fixed;inset:0}.quest-drawer-backdrop.open{opacity:1;visibility:visible}.quest-drawer{z-index:1191;background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;width:min(480px,92vw);height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(102%);box-shadow:-20px 0 40px #0f172a1f}.quest-drawer.open{transform:translate(0)}.quest-drawer-head{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px;display:flex}.quest-drawer-head h2{color:#0f172a;margin-top:4px;font-size:1rem;font-weight:800}.quest-drawer-close{color:#64748b;font-family:var(--font);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;font-size:.82rem;font-weight:700}.quest-drawer-close:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.quest-drawer-form{flex-direction:column;flex:1;gap:16px;padding:20px 22px 22px;display:flex;overflow-y:auto}.quest-drawer-form label{color:#64748b;flex-direction:column;gap:6px;font-size:.84rem;font-weight:700;display:flex}.quest-drawer-form textarea,.quest-drawer-form select{width:100%;font-family:var(--font);color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;padding:10px 12px;font-size:.95rem}.quest-drawer-form textarea{resize:vertical;min-height:140px}.quest-drawer-form textarea:focus,.quest-drawer-form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.quest-drawer-foot{background:#fff;border-top:1px solid #eef2f7;justify-content:flex-start;gap:8px;padding:16px 22px 22px;display:flex}@media (width<=1024px){.quest-grid{grid-template-columns:1fr}.questionnaire-hero{flex-direction:column;align-items:flex-start}}@media (width<=768px){.questionnaire-page .page-body{padding:16px}.questionnaire-hero h1{font-size:1.8rem}.questionnaire-toolbar{flex-direction:column;align-items:stretch}.questionnaire-search{width:100%;max-width:none}.quest-card-head,.quest-form{padding-left:16px;padding-right:16px}.quest-table thead th,.quest-table tbody td{padding-left:14px;padding-right:14px}.quest-drawer{width:min(100vw,480px)}.quest-drawer-head,.quest-drawer-form{padding-left:16px;padding-right:16px}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.dashboard-layout{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--fg);display:flex}body.has-dashboard-bg .dashboard-layout{background-image:linear-gradient(#f4f7fbdb, #f4f7fbe6), var(--dashboard-bg-image);background-position:50%;background-size:cover;background-attachment:fixed}.dashboard-bg-video{object-fit:cover;z-index:-2;width:100vw;height:100vh;position:fixed;inset:0}body.has-dashboard-video .dashboard-layout{background:linear-gradient(#f4f7fbdb,#f4f7fbe6)}body.has-dashboard-bg .main-content,body.has-dashboard-bg .page-body{background:0 0}body.has-dashboard-bg .topbar,body.has-dashboard-bg .sidebar{background:var(--white);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body.has-dashboard-bg .data-card,body.has-dashboard-bg .settings-card,body.has-dashboard-bg .profile-card,body.has-dashboard-bg .restore-tabs,body.has-dashboard-bg .restore-empty,body.has-dashboard-bg .table-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb}.sidebar{background:var(--white);border-right:1px solid var(--border);z-index:90;flex-direction:column;width:260px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.closed{transform:translate(-100%)}.sidebar-brand{border-bottom:1px solid var(--border);justify-content:flex-start;align-items:center;gap:8px;padding:20px 22px;display:flex}.sidebar-toggle:hover{color:var(--accent)}.topbar-toggle{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--fg-secondary);transition:all var(--transition);border-radius:var(--radius-sm);align-items:center;margin-right:16px;padding:6px 12px;font-size:20px;display:flex}.topbar-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.sidebar-logo{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:900;display:flex;overflow:hidden}.sidebar-logo img,.sidebar-logo video{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.sidebar-logo.has-image{background:0 0}.sidebar-brand-text{flex-direction:column;gap:0;display:flex}.sidebar-nav{flex:1;padding:12px 14px 12px 10px;overflow-y:auto}.nav-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding:12px 12px 6px;font-size:10px;font-weight:700}.nav-item{box-sizing:border-box;border-radius:var(--radius-sm);min-height:40px;color:var(--fg-secondary);transition:all var(--transition);cursor:pointer;white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:12px;padding:8px 12px 8px 14px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-item-long{white-space:normal;align-items:flex-start;padding-right:16px;line-height:1.2}.nav-item-long span{white-space:normal}.nav-item:hover{background:var(--bg);color:var(--fg)}.nav-item.active{background:var(--accent-light);color:var(--accent-dark);border-left-color:var(--accent)}.nav-item i,.nav-item .nav-svg-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.nav-item .nav-badge{background:var(--red);color:#fff;border-radius:var(--radius-full);margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sidebar-chat-dot{background:#ef4444;border-radius:999px;flex:none;width:8px;height:8px;margin-left:auto;box-shadow:0 0 0 4px #fee2e2}.nav-item.active .sidebar-chat-dot{box-shadow:0 0 0 4px #dbeafe}.sidebar-user{border-radius:var(--radius-sm);transition:background var(--transition);cursor:pointer;align-items:center;gap:8px;padding:8px;display:flex}.sidebar:not(.open) .sidebar-user{justify-content:center;padding:8px}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.sidebar-avatar img,.sidebar-avatar video{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.sidebar-user-info{min-width:0}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-user-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.sidebar-logout-btn{border:1.5px solid var(--border);width:100%;color:var(--fg-secondary);border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.sidebar-logout-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;transition:margin-left .3s;display:flex}.main-content.sidebar-closed{margin-left:0}.topbar{background:var(--white);border-bottom:1px solid var(--border);z-index:50;height:84px;font-family:var(--font);justify-content:space-between;align-items:center;padding:0 22px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-hamburger{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--fg-secondary);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:none}@media (width<=768px){.topbar-hamburger{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}.topbar-title{align-items:center;gap:0;display:flex}.topbar-kicker{color:var(--muted);font-size:10px;font-weight:500}.topbar-page-title{letter-spacing:-.3px;align-items:center;font-size:18px;font-weight:800;display:flex}.topbar-right{align-items:center;gap:6px;display:flex}.topbar-btn{border:1px solid var(--border);background:var(--white);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;color:var(--fg-secondary);transition:all var(--transition);justify-content:center;align-items:center;font-size:15px;display:flex;position:relative}.topbar-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.topbar-btn .notif-dot{background:var(--red);border:1.5px solid var(--white);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.notif-wrapper{position:relative}.notif-count{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 5px;font-size:9px;font-weight:900;display:inline-flex;position:absolute;top:-6px;right:-6px}.notif-menu{border:1px solid var(--border);z-index:120;background:#fffffffa;border-radius:18px;width:min(360px,100vw - 24px);max-height:430px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 24px 60px #0f172a29}.notif-menu-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 12px 12px;display:flex}.notif-menu-head strong{color:var(--fg);font-size:11px}.notif-menu-head span,.notif-empty{color:var(--muted);font-size:10px;font-weight:700}.notif-empty{text-align:center;padding:18px 12px}.notif-item{color:var(--fg);transition:all var(--transition);border-radius:14px;gap:8px;padding:12px;text-decoration:none;display:flex}.notif-item:hover{background:var(--accent-light)}.notif-item-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.notif-item.chat .notif-item-icon{color:#0891b2;background:#ecfeff}.notif-item-body{gap:3px;min-width:0;display:grid}.notif-item-body strong{font-size:10px;line-height:1.3}.notif-item-body small{color:var(--muted);font-size:10px;line-height:1.4}.topbar-profile-link{border:1px solid var(--border);min-height:38px;color:var(--fg);transition:all var(--transition);background:#ffffffeb;border-radius:14px;align-items:center;gap:9px;padding:4px 12px 4px 5px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.topbar-profile-link:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark);transform:translateY(-1px);box-shadow:0 10px 24px #0ea5e91f}.topbar-profile-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:inline-flex;overflow:hidden}.topbar-profile-avatar img,.topbar-profile-avatar video{object-fit:cover;width:100%;height:100%;display:block}.topbar-search{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg);color:var(--muted);cursor:pointer;min-width:200px;transition:all var(--transition);align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.topbar-search:hover{border-color:var(--accent)}.topbar-search i{font-size:13px}.topbar-search span{color:var(--muted);font-weight:500}.topbar-search kbd{background:var(--white);border:1px solid var(--border);font-size:10px;font-family:var(--font);color:var(--muted);border-radius:4px;margin-left:auto;padding:1px 6px;font-weight:600}.page-body{background:0 0;flex:1;padding:28px 22px}.content{flex:1;min-width:0}.sidebar-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;background:#0f172a47;border:0;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;visibility:visible}@media (width>=769px){.sidebar-backdrop{display:none}}.page-description{color:var(--fg-secondary);margin-bottom:24px;font-size:11px;line-height:1.6}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:all .25s;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--stat-color,var(--accent));opacity:0;height:3px;transition:opacity var(--transition);position:absolute;bottom:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:after{opacity:1}.stat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;display:flex}.stat-icon.amber{background:var(--accent-light);color:var(--accent)}.stat-icon.green{background:var(--green-light);color:var(--green)}.stat-icon.red{background:var(--red-light);color:var(--red)}.stat-icon.blue{background:var(--blue-light);color:var(--blue)}.stat-icon.purple{background:var(--purple-light);color:var(--purple)}.stat-icon.teal{background:var(--teal-light);color:var(--teal)}.stat-trend{border-radius:var(--radius-full);align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:700;display:flex}.stat-trend.up{background:var(--green-light);color:var(--green)}.stat-trend.down{background:var(--red-light);color:var(--red)}.stat-value{letter-spacing:-.5px;margin-bottom:4px;font-size:26px;font-weight:900;line-height:1.1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.section-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:20px;transition:box-shadow .2s;overflow:hidden}.section-card:hover{box-shadow:var(--shadow-md)}.section-card-header{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.section-card-title{letter-spacing:-.2px;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.section-card-title i{color:var(--accent);font-size:16px}.section-card-actions{align-items:center;gap:8px;display:flex}.section-card-body{padding:0}.filter-pills{background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);align-items:center;gap:8px;padding:6px;display:flex}.filter-pill{border-radius:var(--radius-md);color:var(--fg-secondary);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:700;font-family:var(--font);background:0 0;border:none;padding:10px 20px}.filter-pill:hover{background:var(--accent-light);color:var(--accent-dark)}.filter-pill.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #0ea5e940}.data-table{border-collapse:collapse;width:100%}.data-table thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 22px;font-size:10px;font-weight:700}.data-table tbody td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:14px 22px;font-size:13px}.cell-branch{align-items:center;gap:8px;display:flex}.cell-branch-dot{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.cell-branch-name{font-size:13px;font-weight:700}.cell-branch-loc{color:var(--muted);font-size:10px}.cell-money{font-variant-numeric:tabular-nums;font-weight:700}.cell-money.positive{color:var(--green)}.cell-money.negative{color:var(--red)}.cell-bar{align-items:center;gap:8px;display:flex}.cell-bar-track{background:var(--bg);border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}.cell-bar-fill{border-radius:3px;height:100%;transition:width .6s}.cell-bar-value{text-align:right;min-width:36px;font-size:10px;font-weight:700}.status-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-flex}.status-badge.active{background:var(--green-light);color:var(--green)}.status-badge.inactive{background:var(--red-light);color:var(--red)}.status-badge.warning{background:var(--accent-light);color:var(--accent-dark)}.status-badge.info{background:var(--blue-light);color:var(--blue)}.status-badge .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge.active .status-dot{animation:2s infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.bestseller-list{list-style:none}.bestseller-item{border-bottom:1px solid var(--border-light);transition:background var(--transition);align-items:center;gap:8px;padding:14px 22px;display:flex}.bestseller-item:hover{background:#fafbfc}.bestseller-item:last-child{border-bottom:none}.bestseller-rank{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:flex}.bestseller-rank.gold{background:var(--accent-light);color:var(--accent-dark)}.bestseller-rank.silver{color:#6b7280;background:#f3f4f6}.bestseller-rank.bronze{color:#c2410c;background:#fed7aa}.bestseller-rank.normal{background:var(--bg);color:var(--muted)}.bestseller-info{flex:1;min-width:0}.bestseller-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.bestseller-meta{color:var(--muted);font-size:10px}.bestseller-qty{text-align:right}.bestseller-qty-num{color:var(--fg);font-size:15px;font-weight:800}.bestseller-qty-label{color:var(--muted);font-size:10px;font-weight:600}.section-card-link{color:var(--accent-dark);align-items:center;gap:6px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.dashboard-empty-state{text-align:center;color:var(--muted);padding:28px 22px;font-size:13px;font-weight:700}.dashboard-request-list{display:grid}.dashboard-request-item{border-bottom:1px solid var(--border-light);color:var(--fg);transition:background var(--transition);grid-template-columns:minmax(210px,1.2fr) minmax(190px,1fr) auto auto;align-items:center;gap:8px;padding:14px 22px;text-decoration:none;display:grid}.dashboard-request-item:hover{background:#f8fafc}.dashboard-request-item:last-child{border-bottom:0}.dashboard-request-person,.dashboard-request-animal{align-items:center;gap:8px;min-width:0;display:flex}.dashboard-request-person strong,.dashboard-request-animal strong{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;display:block;overflow:hidden}.dashboard-request-person span,.dashboard-request-animal span,.dashboard-request-date{color:var(--muted);font-size:10px;font-weight:700;display:block}.dashboard-request-date{white-space:nowrap;text-align:right}@media (width<=900px){.dashboard-request-item{grid-template-columns:1fr;align-items:flex-start}.dashboard-request-date{text-align:left}}.two-col{grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=1024px){.two-col{grid-template-columns:1fr}}.pagination-wrap{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 22px;display:flex}.pagination-info{color:var(--muted);font-size:10px;font-weight:500}.pagination-links{align-items:center;gap:4px;display:flex}.pagination-link{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);min-width:32px;height:32px;color:var(--fg-secondary);cursor:pointer;transition:all var(--transition);font-size:10px;font-weight:600;font-family:var(--font);justify-content:center;align-items:center;padding:0 8px;text-decoration:none;display:flex}.pagination-link.disabled{opacity:.4;pointer-events:none}.live-indicator{color:var(--green);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.live-dot{background:var(--green);width:8px;height:8px;animation:2s infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font);letter-spacing:.2px;border:none;align-items:center;gap:6px;padding:8px 14px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 4px #0ea5e933}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 8px #0ea5e940}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #0ea5e933}.btn-secondary{background:var(--white);color:var(--fg-secondary);border:1px solid var(--border);box-shadow:0 1px 2px #00000008}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.btn-secondary:active{transform:translateY(0);box-shadow:0 1px 2px #00000008}.btn-danger{background:var(--red-light);color:var(--red);box-shadow:0 1px 2px #dc26261a}.btn-danger:hover{background:var(--red);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #dc262626}.btn-danger:active{transform:translateY(0);box-shadow:0 1px 2px #dc26261a}.form-label{color:var(--fg-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:13px;font-family:var(--font);background:var(--white);color:var(--fg);transition:all var(--transition);padding:10px 14px}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.table-scroll{overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead{z-index:10;background:var(--bg);position:sticky;top:0}.data-table thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg);padding:14px 22px;font-size:10px;font-weight:800}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#e0f2fe99}.data-table tbody td{border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--fg);padding:16px 22px;font-size:13px;font-weight:500}.data-table tbody tr:last-child td{border-bottom:none}.page-header-title{letter-spacing:-.4px;color:var(--fg);align-items:center;gap:8px;margin-bottom:4px;font-size:20px;font-weight:900;display:flex}.page-header-title i{color:var(--accent);font-size:20px}.page-header-desc{color:var(--fg-secondary);font-size:11px;line-height:1.6}.content-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-box{gap:6px;display:flex}.search-box input{border:1.5px solid var(--border);background:var(--white);border-radius:var(--radius-sm);min-width:280px;font-family:var(--font);color:var(--fg);transition:all var(--transition);outline:none;padding:10px 16px;font-size:13px;font-weight:500}.search-box input::placeholder{color:var(--muted)}.search-box input:focus{border-color:var(--accent);box-shadow:0 2px 4px #0ea5e933}.search-box button{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);transition:all var(--transition);border:none;align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.search-box button:hover{background:var(--accent-dark);transform:translateY(-1px)}.primary-link{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:700;font-family:var(--font);border:none;align-items:center;gap:6px;padding:10px 20px;text-decoration:none;display:inline-flex}.primary-link:hover{box-shadow:0 4px 14px #0ea5e940}.danger-link{color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:700;font-family:var(--font);background:#fff;border:1.5px solid #fecaca;align-items:center;gap:6px;padding:9px 18px;display:inline-flex}.danger-link:hover:not(:disabled){color:#dc2626;background:#fff5f5;border-color:#fca5a5}.danger-link:disabled{opacity:.55;cursor:not-allowed}.panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden}.panel-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.panel-head h2{color:var(--fg);letter-spacing:-.2px;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.panel-head h2 i{color:var(--accent);font-size:16px}.panel-head span{color:var(--muted);font-size:10px;font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}table th,table td{text-align:left;border-bottom:1px solid var(--border-light);vertical-align:middle;padding:14px 20px;font-size:13px}table th{background:var(--bg);text-transform:uppercase;color:var(--muted);letter-spacing:.7px;border-bottom:1px solid var(--border);font-size:10px;font-weight:700}table tbody tr{transition:background var(--transition)}table tbody tr:hover{background:#fafbfc}table tbody tr:last-child td{border-bottom:none}.user-cell{align-items:center;gap:8px;display:flex}.user-avatar{object-fit:cover;border:2px solid var(--border-light);width:36px;height:36px;transition:border-color var(--transition);border-radius:50%;flex-shrink:0}.user-avatar.has-media{background:#eff6ff;display:block;overflow:hidden}.user-avatar.has-media img,.user-avatar.has-media video,.has-media img,.has-media video{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.customer-contact-avatar,.customer-chat-header-avatar{background:#eff6ff;border:2px solid #fff;border-radius:50%;flex-shrink:0;overflow:hidden;box-shadow:0 8px 20px #0f172a14}.customer-contact-avatar{width:42px;height:42px}.customer-chat-header-avatar{width:40px;height:40px}.user-cell:hover .user-avatar{border-color:var(--accent)}.user-cell strong{color:var(--fg);font-size:13px;font-weight:700}.tag{border-radius:var(--radius-full);letter-spacing:.2px;background-color:var(--bg);color:var(--fg-secondary);align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.tag-success{background-color:var(--green-light);color:var(--green)}.tag-muted{color:var(--muted);background-color:#f3f4f6}.tag-superadmin{background-color:var(--purple-light);color:var(--purple)}.tag-admin{background-color:var(--blue-light);color:var(--blue)}.tag-kasir{background-color:var(--teal-light);color:var(--teal)}.tag-kitchen{background-color:var(--accent-light);color:var(--accent-dark)}.tag-inventory{color:#c2410c;background-color:#fff7ed}.tag-leader{background-color:var(--green-light);color:var(--green)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.tag-success .status-dot{animation:2s infinite dotPulse}.actions{align-items:center;gap:4px;display:flex}.btn-open-edit{color:var(--accent);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;align-items:center;gap:4px;padding:7px 12px;display:inline-flex}.btn-open-edit:hover{background:var(--accent-light);color:var(--accent-dark)}.btn-delete-user{color:var(--muted);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;align-items:center;gap:4px;padding:7px 12px;display:inline-flex}.btn-delete-user:hover{background:var(--red-light);color:var(--red)}.empty-state{text-align:center;color:var(--muted);padding:48px 20px;font-size:11px}.empty-state:before{content:"";color:var(--border);margin-bottom:10px;font-family:"Font Awesome 6 Free";font-size:36px;font-weight:900;display:block}.empty-state em{color:var(--fg-secondary);font-style:normal;font-weight:700}.pagination-area{border-top:1px solid var(--border-light);padding:14px 24px}.pagination-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pagination-meta{color:var(--muted);font-size:10px;font-weight:500}.pagination-links{flex-wrap:wrap;gap:4px;display:flex}.pagination-link,.pagination-dots{border-radius:var(--radius-sm);border:1px solid var(--border);min-width:34px;height:34px;color:var(--fg-secondary);background:var(--white);transition:all var(--transition);font-size:10px;font-weight:600;font-family:var(--font);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;text-decoration:none;display:inline-flex}.pagination-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.pagination-link.active{background:var(--accent);border-color:var(--accent);color:#fff}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1200;opacity:0;visibility:hidden;background:#0000004d;transition:all .25s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;visibility:visible}.user-drawer{background:var(--white);z-index:1201;width:min(520px,95vw);height:100vh;box-shadow:var(--shadow-xl);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(102%)}.user-drawer.open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.drawer-head h3{color:var(--fg);letter-spacing:-.2px;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.drawer-head h3 i{color:var(--accent)}.drawer-close{border:1px solid var(--border);background:var(--white);color:var(--fg-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font);transition:all var(--transition);padding:8px 14px}.drawer-close:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.drawer-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:24px;padding:28px;display:flex;overflow-y:auto}.drawer-body::-webkit-scrollbar{width:5px}.drawer-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.user-form{flex-direction:column;flex:1;gap:22px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.drawer-field{flex-direction:column;gap:8px;display:flex}.drawer-field label{color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:800}.drawer-field input[type=text],.drawer-field input[type=password],.drawer-field input[type=number],.drawer-field select{border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--fg);transition:all var(--transition);font-size:15px;font-weight:600;font-family:var(--font);-webkit-appearance:none;outline:none;min-height:50px;padding:14px 18px}.drawer-field input::placeholder{color:var(--muted);font-weight:500}.drawer-field input[type=text]:focus,.drawer-field input[type=password]:focus,.drawer-field input[type=number]:focus,.drawer-field select:focus{border-color:var(--accent);background:var(--white);box-shadow:0 4px 12px #0ea5e940}.drawer-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%235F6577' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;padding-right:40px}.drawer-field select:hover{border-color:var(--accent)}.drawer-buttons{gap:16px;margin-top:auto;padding-top:12px;display:flex}.drawer-buttons .primary-link,.drawer-buttons .danger-link{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);border:none;flex:1;padding:14px 24px;font-size:15px;font-weight:800}.drawer-buttons .primary-link{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;box-shadow:0 4px 12px #0ea5e940}.drawer-buttons .primary-link:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0ea5e959}.drawer-buttons .danger-link{background:var(--white);color:var(--red);border:2px solid var(--red-light)}.drawer-buttons .danger-link:hover{background:var(--red-light);border-color:var(--red)}.settings-shell{gap:20px;display:grid}.settings-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 30px;overflow:hidden}.settings-card .card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.settings-card h2{color:var(--fg);letter-spacing:-.2px;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;display:flex}.settings-card h2 i{color:var(--accent);font-size:16px}.settings-card>p{color:var(--muted);margin:0 0 24px;font-size:13px}.settings-grid{grid-template-columns:minmax(0,1fr) 580px;align-items:start;gap:30px;display:grid}.settings-form{gap:18px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:800}.field input[type=text]{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--fg);font-family:var(--font);transition:all var(--transition);outline:none;min-height:48px;padding:10px 14px;font-size:13px;font-weight:500}.field input[type=text]::placeholder{color:var(--muted);font-weight:500}.field input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.field input[type=email]{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--fg);font-family:var(--font);transition:all var(--transition);outline:none;min-height:48px;padding:10px 14px;font-size:13px;font-weight:500}.field input[type=email]::placeholder{color:var(--muted);font-weight:500}.field input[type=email]:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.field input[type=password]{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--fg);font-family:var(--font);transition:all var(--transition);outline:none;min-height:48px;padding:10px 14px;font-size:13px;font-weight:500}.field input[type=password]::placeholder{color:var(--muted);font-weight:500}.field input[type=password]:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.field textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--fg);font-family:var(--font);resize:vertical;min-height:92px;transition:all var(--transition);outline:none;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.55}.field textarea::placeholder{color:var(--muted);font-weight:500}.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.preview-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;place-items:center;gap:12px;padding:24px 20px;display:grid;position:sticky;top:112px}.preview-box .preview-label{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;justify-content:center;align-items:center;gap:6px;width:100%;font-size:10px;font-weight:800;display:flex}.preview-box .preview-label:before,.preview-box .preview-label:after{content:"";background:var(--border);flex:1;height:1px}.preview-box .placeholder{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border-radius:22px;place-items:center;width:100px;height:100px;font-size:28px;font-weight:900;display:grid;box-shadow:0 6px 20px #0ea5e940}.preview-box strong{color:var(--fg);letter-spacing:-.2px;font-size:16px;font-weight:800}.preview-box small{color:var(--muted);font-size:10px;font-weight:500}.preview-sim{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;margin-top:5px;overflow:hidden}.preview-sim-header{border-bottom:1px solid var(--border-light);background:var(--white);align-items:center;gap:8px;padding:10px 12px;display:flex}.preview-sim-logo{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:flex}.preview-sim-name{color:var(--fg);font-size:10px;font-weight:800}.form-row{grid-template-columns:1fr 1fr;align-items:start;gap:18px 24px;display:grid}.settings-form .field{min-width:0}.file-input-wrapper{flex-wrap:nowrap;align-items:center;gap:12px;min-height:48px;display:flex}.file-custom-btn{background:var(--bg);width:100%;min-width:0;max-width:294px;min-height:36px;color:var(--fg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);transition:all var(--transition);white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:6px;padding:10px 14px;line-height:1;display:inline-flex;overflow:hidden}.file-custom-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.crop-area{width:100%;color:var(--accent);background:var(--accent-light);border-radius:14px;justify-content:center;display:flex;transform:translateY(-1px)}.settings-color-control{align-items:center;gap:12px;width:100%;min-height:48px;display:flex}.settings-color-control input[type=color]{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--white);width:92px;height:48px;padding:3px}.settings-color-control span{min-width:98px;color:var(--fg);font-size:15px;font-weight:800}.settings-form .selected-photo{width:120px}.settings-form .selected-photo img{width:120px;height:120px}.animal-photo-upload{border-radius:var(--radius-sm);color:#1d4ed8;width:100%;min-height:48px;font-family:var(--font);cursor:pointer;transition:all var(--transition);background:#eff6ff;border:1.5px solid #bfdbfe;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.animal-photo-upload:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark);transform:translateY(-1px)}.file-name{color:var(--muted);font-size:10px;font-style:italic;font-weight:500}.selected-photo{gap:8px;width:160px;margin-top:12px;display:grid;position:relative}.selected-photo img,.selected-photo video{object-fit:cover;border-radius:var(--radius-md);border:1.5px dashed var(--border);background:var(--white);cursor:pointer;width:160px;height:160px;box-shadow:var(--shadow-sm);transition:border-color var(--transition)}.selected-photo img:hover,.selected-photo video:hover{border-color:var(--accent)}.photo-clear{background:var(--white);width:24px;height:24px;color:var(--red);cursor:pointer;transition:all var(--transition);border:1.5px solid #fecaca;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.photo-clear:hover{background:var(--red-light);border-color:var(--red)}.crop-modal{z-index:3000;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.crop-modal-backdrop{background:#0f172a94;position:absolute;inset:0}.crop-modal-body{z-index:1;border:1px solid var(--border);background:#fff;border-radius:12px;width:min(640px,96vw);max-height:min(760px,94vh);padding:20px;position:relative;overflow:auto;box-shadow:0 28px 80px #0f172a3d}.crop-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.crop-modal-head h3{color:var(--fg);margin:0;font-size:18px;font-weight:900}.crop-modal-head p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.crop-close{border:1px solid var(--border);width:38px;height:38px;color:#fg-secondary;cursor:pointer;transition:all var(--transition);background:#fff;border-radius:10px}.crop-close:hover{color:#red;background:#fff1f2;border-color:#fecaca}.crop-area{background:#0f172a;border-radius:14px;justify-content:center;width:100%;padding:8px 0 2px;display:flex;overflow:hidden}.crop-image-wrap{aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:none;background:#0f172a;border-radius:14px;width:min(100%,420px);min-height:0;max-height:none;position:relative;overflow:hidden}.crop-image-wrap img{transform-origin:0 0;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:auto;backface-visibility:hidden;max-width:none;position:absolute;top:0;left:0}.crop-box{aspect-ratio:1;pointer-events:none;z-index:2;border:2px solid #fff;border-radius:16px;width:min(72%,300px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0f172a8c}.crop-actions{align-items:center;gap:16px;margin-top:18px;display:flex}.crop-zoom-control{flex:1;min-width:180px}.crop-zoom-control label{color:var(--fg-secondary);margin-bottom:6px;font-size:10px;font-weight:800;display:block}.crop-zoom-control input{width:100%}.crop-action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crop-reset-btn{color:#fff;min-height:40px;font-family:var(--font);cursor:pointer;background:#64748b;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}@media (width<=640px){.crop-modal{padding:12px}.crop-modal-body{padding:16px}.crop-actions,.crop-action-buttons{flex-direction:column;align-items:stretch}.crop-action-buttons button,.crop-action-buttons .primary-link,.crop-action-buttons .danger-link{width:100%}}.restore-page{padding:28px}.restore-page .page-header{margin-bottom:28px}.restore-tabs{border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;padding:8px;display:flex}.restore-tab{color:var(--fg-secondary);min-height:36px;font-family:var(--font);cursor:pointer;transition:all var(--transition);background:0 0;border:0;border-radius:10px;padding:0 24px;font-size:11px;font-weight:800}.restore-tab:hover{background:var(--accent-light);color:var(--accent-dark)}.settings-hero-preview{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-soft);width:min(420px,100%);margin-top:12px;position:relative;overflow:hidden}.settings-hero-preview img,.settings-hero-preview video{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.settings-crop-body{max-width:min(920px,100vw - 32px)}.settings-crop-stage{cursor:grab;-webkit-user-select:none;user-select:none;background:#0f172a;border-radius:14px;place-items:center;height:min(56vh,520px);display:grid;position:relative;overflow:hidden}.settings-crop-stage:active{cursor:grabbing}.settings-crop-stage img{object-fit:contain;pointer-events:none;transform-origin:50%;min-width:72%;max-width:100%;min-height:72%;max-height:100%}.settings-crop-stage.hero-bg img{min-width:100%;min-height:100%}.settings-crop-frame{pointer-events:none;border:2px solid #fff;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #0f172a7a}.settings-crop-stage.logo .settings-crop-frame{aspect-ratio:1;border-radius:18px;width:min(360px,70vw)}.settings-crop-stage.hero-bg .settings-crop-frame{aspect-ratio:16/9;border-radius:12px;width:min(760px,78vw)}@media (width<=1280px){.settings-grid{grid-template-columns:minmax(0,1fr) 460px}}@media (width<=1080px){.settings-grid{grid-template-columns:1fr}.preview-box{position:static}}@media (width<=720px){.settings-card{padding:20px}.form-row{grid-template-columns:1fr}}.restore-tab.active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;box-shadow:0 10px 22px #0ea5e938}.restore-actions{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.restore-count{color:var(--fg-secondary);font-size:15px;font-weight:600}.restore-count strong{color:var(--fg);font-weight:900}.restore-danger-btn{color:#ef4444;min-height:42px;font-family:var(--font);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#fff;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.restore-danger-btn:hover:not(:disabled){color:#dc2626;background:#fff5f5;border-color:#fca5a5;transform:translateY(-1px)}.restore-danger-btn:disabled{color:#a8b0bd;cursor:not-allowed;background:#f8fafc;border-color:#e5e7eb;transform:none}.restore-panel{overflow:hidden}.restore-loading,.restore-empty{min-height:120px;color:var(--fg-secondary);text-align:center;align-content:center;place-items:center;gap:12px;padding:32px 20px;display:grid}.restore-loading i{color:var(--accent);font-size:30px}.restore-loading p,.restore-empty p{margin:0;font-size:15px;font-weight:700}.restore-empty i{background:var(--accent-light);width:44px;height:44px;color:var(--accent-dark);border-radius:10px;place-items:center;font-size:18px;display:grid}@media (width<=768px){.restore-page{padding:12px}.restore-tabs,.restore-actions{flex-direction:column;align-items:stretch}.restore-tab,.restore-danger-btn{width:100%}}.history-panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.history-delete-all{color:#ef4444;min-height:38px;font-family:var(--font);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#fff;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.history-delete-all:hover:not(:disabled){color:#dc2626;background:#fff5f5;border-color:#fca5a5;transform:translateY(-1px)}.history-delete-all:disabled{color:#a8b0bd;cursor:not-allowed;background:#f8fafc;border-color:#e5e7eb}@media (width<=768px){.history-panel-actions{justify-content:flex-start;align-items:flex-start;width:100%}}.backup-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:24px;display:grid}.backup-card,.history-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:24px}.card-header{margin-bottom:20px}.card-header h2{font-size:18px;font-weight:700}.backup-card textarea{resize:vertical;min-height:120px}.history-card{overflow-x:auto}.history-card table{border-collapse:collapse;width:100%}.history-card th,.history-card td{border-bottom:1px solid var(--border-light);text-align:left;padding:14px 16px}.history-card th{background:var(--bg);text-transform:uppercase;font-size:12px}.history-card tr:hover{background:#fafafa}.btn-download{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:8px;margin-right:6px;padding:8px 14px}.btn-warning{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;margin-right:6px;padding:8px 14px}@media (width<=768px){.backup-grid{grid-template-columns:1fr}}.backup-page{padding:24px}.page-header{margin-bottom:24px}.page-header h1{margin-bottom:6px;font-size:30px;font-weight:800}.page-header p{color:var(--muted)}.form-group{margin-bottom:18px}.form-group label{color:var(--fg-secondary);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-group input,.form-group textarea{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0ea5e926}.form-group textarea{resize:vertical;min-height:120px}.btn-primary,.btn-success,.btn-download,.btn-warning,.btn-danger{cursor:pointer;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;transition:all .2s}.btn-primary{color:#fff;background:#0ea5e9}.btn-primary:hover{background:#0284c7}.btn-success{color:#fff;background:#10b981}.btn-success:hover{background:#059669}.btn-download{color:#fff;background:#3b82f6}.btn-download:hover{background:#2563eb}.btn-warning{color:#fff;background:#f59e0b}.btn-warning:hover{background:#d97706}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-primary:disabled,.btn-success:disabled{opacity:.6;cursor:not-allowed}.superadmin-navbar{z-index:150;position:sticky;top:0}.superadmin-navbar.shifted{width:100%;margin-left:0}.navbar-page-title{flex-direction:column;gap:0;min-width:0;display:flex}.navbar-brand{align-items:center;gap:8px;min-width:0;text-decoration:none;display:flex}.navbar-brand-text{flex-direction:column;gap:0;min-width:0;display:flex}.navbar-brand-text strong{color:#0f172a;font-size:.98rem;line-height:1.15}.navbar-brand-text small{color:#94a3b8;font-size:.75rem;font-weight:600}.icon-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:10px;place-items:center;width:40px;height:40px;text-decoration:none;display:grid;position:relative;box-shadow:0 4px 20px #94a3b814}.icon-button svg{width:18px;height:18px}.icon-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.profile-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);align-items:start;gap:24px;display:grid}.profile-form{flex-direction:column;gap:18px;display:flex}.profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-fields label{color:#64748b;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.profile-fields input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 12px}.profile-fields input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.profile-upload{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.profile-upload-copy{min-width:0}.profile-upload-copy h3{color:#0f172a;margin-bottom:6px;font-size:1rem}.upload-button{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.profile-password-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.profile-loading{color:#64748b;padding:32px 0;font-weight:600}.profile-preview-card{position:sticky;top:96px}.profile-preview{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:22px 8px 8px;display:flex}.profile-avatar-large{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);border-radius:50%;place-items:center;width:132px;height:132px;display:grid;overflow:hidden;box-shadow:0 12px 28px #0ea5e942}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-avatar-large span{font-size:3rem;font-weight:800}.profile-preview strong{color:#0f172a;font-size:1.15rem}.profile-preview small{color:#94a3b8;font-size:.95rem}.profile-page{background:#f4f5f7}.profile-page .page-body{padding:28px}.profile-hero{background:linear-gradient(135deg,#eff6ff 0%,#fff 65%);border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:24px;margin-bottom:24px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000000a}.profile-hero-with-bg{color:#fff;background:#0f172a;min-height:220px}.profile-hero-bg-media{z-index:0;position:absolute;inset:0}.profile-hero-bg-media img,.profile-hero-bg-media video{object-fit:cover;filter:brightness(.68);width:100%;height:100%;display:block}.profile-hero-with-bg:after{content:"";z-index:0;background:linear-gradient(90deg,#0f172ad1 0%,#0f172a85 46%,#0f172a26 100%);position:absolute;inset:0}.profile-hero>:not(.profile-hero-bg-media){z-index:1;position:relative}.profile-hero-with-bg .profile-hero-copy h1,.profile-hero-with-bg .profile-hero-copy p,.profile-hero-with-bg .profile-hero-note{color:#fff}.profile-hero-with-bg .profile-chip{color:#fff;background:#ffffff2e;border:1px solid #ffffff47}.profile-hero-avatar-wrap{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:180px;display:flex}.profile-hero-avatar{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);border-radius:24px;place-items:center;width:110px;height:110px;display:grid;overflow:hidden;box-shadow:0 12px 26px #2563eb38}.profile-hero-avatar img,.profile-hero-avatar video{object-fit:cover;width:100%;height:100%}.profile-hero-avatar span{font-size:2.5rem;font-weight:800}.profile-hero-note{color:#7c8798;font-size:.9rem}.profile-hero-copy{min-width:0}.profile-chip{color:#1d4ed8;background:#dbeafe;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 14px;font-size:.82rem;font-weight:800;display:inline-flex}.profile-hero-copy h1{color:#111827;margin-bottom:8px;font-size:2.2rem;line-height:1.1}.profile-hero-copy p{color:#6b7280;max-width:760px}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 12px 30px #0000000a}.profile-card-head{border-bottom:1px solid #eef2f7;padding:22px 24px 16px}.profile-card-head h2{color:#111827;font-size:1.1rem;font-weight:800}.profile-card-head p{color:#9ca3af;margin-top:4px;font-size:.88rem}.profile-section-title{justify-content:space-between;align-items:baseline;gap:12px;padding:18px 24px 0;display:flex}.profile-section-title span{color:#111827;font-size:1rem;font-weight:800}.profile-section-title small{color:#9ca3af;text-align:right;font-size:.82rem}.profile-section-title-spaced{margin-top:12px}.profile-fields-two{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 24px 0}.profile-fields-two label{color:#667085;font-size:.82rem;font-weight:700}.profile-fields-two input{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px}.profile-fields-two input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.profile-upload-strip{background:#f8fbff;border:1px solid #eef2f7;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:18px 24px 0;padding:18px;display:flex}.profile-upload-copy label{color:#111827;margin-bottom:6px;font-size:.82rem;font-weight:800;display:block}.profile-upload-copy p{color:#6b7280;font-size:.88rem;line-height:1.5}.profile-upload-button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:14px;justify-content:center;align-items:center;width:auto;min-width:140px;padding:10px 16px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex;box-shadow:0 10px 28px #3b82f614}.profile-upload-button:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 12px 28px #60a5fa24}.profile-upload-button input[type=file]{display:none}.profile-photo-preview{width:150px;margin:14px 24px 0;padding-bottom:6px;position:relative}.profile-photo-preview img,.profile-photo-preview video{object-fit:cover;background:#fff;border:1.5px solid #dbeafe;border-radius:18px;width:150px;height:150px;display:block;box-shadow:0 12px 28px #2563eb1f}.profile-photo-preview img{cursor:pointer}.profile-photo-hint{color:#667085;margin-top:5px;font-size:.78rem;font-weight:700;display:block}.profile-photo-preview .photo-clear{position:absolute;top:-10px;right:-10px}.profile-upload-copy small{color:#94a3b8;font-size:.8rem;font-weight:700;line-height:1.45;display:block}.profile-background-preview{width:min(100%,520px);margin:14px 24px 0;position:relative}.profile-background-preview img,.profile-background-preview video{object-fit:cover;background:#fff;border:1.5px solid #dbeafe;border-radius:18px;width:100%;height:170px;display:block;box-shadow:0 12px 28px #2563eb1f}.profile-background-preview .photo-clear{position:absolute;top:-10px;right:-10px}.profile-secondary-button{background:var(--white);color:#2563eb;border:1px solid #dbeafe;border-radius:10px;padding:10px 16px;box-shadow:0 2px 6px #3b82f61a}.profile-secondary-button:hover{background:#eff6ff;border-color:#93c5fd}.profile-primary-button{color:#2563eb;background:#e0f2fe;border:1px solid #93c5fd;border-radius:10px;padding:10px 16px;box-shadow:0 2px 8px #3b82f624}.profile-primary-button:hover{background:#dbeafe;border-color:#60a5fa}.profile-actions{background:0 0;border-top:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;margin:28px 24px 24px;padding:0;display:flex}.profile-secondary-button,.profile-primary-button{border-radius:10px;min-width:150px;min-height:48px;padding:12px 22px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.profile-secondary-button{color:#2563eb;background:#fff;border:1px solid #bfdbfe;box-shadow:0 8px 22px #2563eb14}.profile-primary-button{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);border:1px solid #3b82f6;box-shadow:0 14px 30px #2563eb38}.profile-secondary-button:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 12px 28px #2563eb1a}.profile-primary-button:hover{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 16px 34px #2563eb42}.profile-secondary-button:disabled,.profile-primary-button:disabled{opacity:.65;cursor:not-allowed}.profile-crop-modal .crop-box.profile-crop-box{aspect-ratio:1;border-radius:50%;width:min(58%,240px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.profile-crop-modal .crop-image-wrap{background:#0f172a}.profile-crop-modal .crop-image-wrap img{object-fit:contain}.dashboard-layout .page-header,.dashboard-layout .settings-header,.dashboard-layout .restore-header,.dashboard-layout .reports-header{margin-bottom:22px!important}.dashboard-layout .page-header h1,.dashboard-layout .page-header-title,.dashboard-layout .settings-header h1,.dashboard-layout .restore-header h1,.dashboard-layout .reports-header h1,.dashboard-layout .questionnaire-hero h1{letter-spacing:-.035em!important;font-size:clamp(24px,2.2vw,32px)!important;font-weight:900!important;line-height:1.15!important}.dashboard-layout .page-header-title i,.dashboard-layout .page-header h1 i{margin-right:8px;font-size:18px!important}.sidebar .nav-svg-icon{color:currentColor!important;stroke-width:2.2px!important;width:20px!important;min-width:20px!important;height:20px!important;display:block!important}.sidebar .nav-item.active .nav-svg-icon{color:#2563eb!important}.status-select,.schedule-input{border:1px solid var(--border);min-height:42px;color:var(--fg);font:inherit;background:#fff;border-radius:10px;outline:none;padding:0 14px;font-weight:700}.status-select:focus,.schedule-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0ea5e91f}.visit-help-card{color:#475569;background:#eff6ffdb;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:8px;max-width:760px;margin:0 0 18px;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.visit-help-card i{color:#0ea5e9}.schedule-send-btn{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#2563eb);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #2563eb2e}.schedule-send-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px #2563eb3d}.visits-table-wrap{overflow-x:auto}.visits-table{table-layout:fixed;width:100%}.visits-table th,.visits-table td{white-space:normal;word-break:break-word;padding:12px 14px}.visits-table th:first-child,.visits-table td:first-child{width:11%}.visits-table th:nth-child(2),.visits-table td:nth-child(2){width:9%}.visits-table th:nth-child(3),.visits-table td:nth-child(3){width:11%}.visits-table th:nth-child(4),.visits-table td:nth-child(4){width:8%}.visits-table th:nth-child(5),.visits-table td:nth-child(5){width:10%}.visits-table th:nth-child(6),.visits-table td:nth-child(6){width:22%}.visits-table th:nth-child(7),.visits-table td:nth-child(7){width:15%}.visits-table th:nth-child(8),.visits-table td:nth-child(8){width:9%}.visits-table th:nth-child(9),.visits-table td:nth-child(9){width:10%}.visits-table .schedule-input,.visits-table .status-select{width:100%;min-width:0}.visits-table .schedule-send-btn{text-align:center;border-radius:8px;gap:6px;width:100%;min-height:36px;padding:8px 10px;font-size:12px;line-height:1.2}@media (width<=1280px){.visits-table{table-layout:auto;min-width:1180px}}.customer-schedule-note{color:#1e3a8a;background:linear-gradient(135deg,#eff6ff 0%,#f8fbff 100%);border:1px solid #bfdbfe;border-radius:18px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;width:min(760px,100%);max-width:100%;margin-top:14px;padding:14px;font-size:10px;line-height:1.45;display:grid;box-shadow:0 10px 24px #2563eb14}.customer-schedule-note>i{color:#2563eb;text-align:center;background:#dbeafe;border-radius:10px;flex:none;width:40px;height:40px;font-size:0;line-height:1;display:block;position:relative}.customer-schedule-note>i:before{vertical-align:0;background:currentColor;width:18px;height:18px;margin:0;top:50%;left:50%;content:""!important;-webkit-mask:var(--app-icon) center / contain no-repeat!important;-webkit-mask:var(--app-icon) center / contain no-repeat!important;mask:var(--app-icon) center / contain no-repeat!important;display:block!important;position:absolute!important;transform:translate(-50%,-50%)!important}.customer-schedule-note:not(.compact)>div{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 12px;min-width:0;display:grid}.customer-schedule-note strong{color:#0f172a;margin-bottom:2px;font-size:11px;display:block}.customer-schedule-note:not(.compact) strong{grid-column:1;margin:0}.customer-schedule-note p{color:#64748b;margin:0;font-weight:800}.customer-schedule-note:not(.compact) p{grid-column:1}.customer-schedule-note span{color:#2563eb;text-transform:uppercase;white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:220px;padding:6px 10px;font-size:10px;font-weight:900;display:inline-flex}.customer-schedule-note:not(.compact) span{grid-area:1/2/span 2;justify-self:end}.customer-schedule-note button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#2563eb);border:0;border-radius:10px;justify-content:center;align-items:center;margin-top:0;padding:9px 13px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 10px 20px #2563eb2e}.customer-schedule-note:not(.compact) button{grid-area:1/3/span 2}.customer-schedule-note.compact{border-radius:10px;gap:8px;width:fit-content;margin-top:5px;margin-bottom:2px;padding:9px 11px}.customer-schedule-note.compact>i{border-radius:9px;width:24px;height:24px;font-size:10px}.customer-schedule-note.compact>i:before{width:12px;height:12px}.customer-schedule-note.compact strong{margin:0;font-size:10px}.customer-schedule-note.compact p{margin:1px 0 4px;font-size:10px;line-height:1.2}.customer-schedule-note.compact span{padding:3px 7px;font-size:9px}@media (width<=760px){.customer-order-card{grid-template-columns:48px minmax(0,1fr)}.customer-order-card .customer-status{grid-column:1/-1;justify-self:flex-start}.customer-schedule-note{grid-template-columns:32px minmax(0,1fr);width:100%}.customer-schedule-note:not(.compact)>div{grid-template-columns:1fr}.customer-schedule-note span,.customer-schedule-note button{grid-area:auto/1;justify-self:flex-start}}.chat-box{border:1px solid var(--border);background:#f8fafccc;border-radius:18px;min-height:260px;max-height:360px;margin-bottom:16px;padding:16px;overflow-y:auto}.chat-bubble{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:16px 16px 4px;max-width:82%;margin-bottom:12px;margin-left:auto;padding:14px 16px;box-shadow:0 14px 28px #0ea5e938}.chat-bubble strong{margin-bottom:4px;font-size:10px;display:block}.chat-bubble p{margin:0;line-height:1.55}.chat-bubble span{color:#ffffffc7;margin-top:5px;font-size:10px;display:block}.petugas-textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:120px;font:inherit;color:var(--fg);border-radius:12px;outline:none;padding:16px}.petugas-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0ea5e91f}.customer-animal-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.customer-animal-card{border:1px solid var(--border);text-align:left;cursor:pointer;min-height:360px;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.customer-animal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.customer-animal-media{background:var(--bg);height:220px;overflow:hidden}.customer-animal-media img,.customer-animal-media video,.customer-detail-media img,.customer-detail-media video{object-fit:cover;width:100%;height:100%;display:block}.customer-animal-placeholder{width:100%;height:100%;color:var(--accent);background:linear-gradient(135deg,#dbeafe,#f8fafc);place-items:center;font-size:44px;display:grid}.customer-animal-info{flex-direction:column;flex:1;justify-content:space-between;gap:16px;padding:18px;display:flex}.customer-animal-info h2{color:var(--fg);margin:12px 0 6px;font-size:20px}.customer-animal-info p{color:var(--muted);margin:0;font-weight:600}.customer-detail-link{color:var(--accent);font-weight:800}.customer-empty-panel{min-height:220px;color:var(--muted);grid-column:1/-1;align-content:center;place-items:center;gap:8px;display:grid}.customer-empty-panel i{color:var(--accent);font-size:32px}.customer-detail-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8c;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.customer-detail-modal{background:#fff;border-radius:22px;grid-template-columns:minmax(280px,.95fr) 1fr;width:min(920px,100%);max-height:min(760px,92vh);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #0f172a57}.customer-detail-media{background:var(--bg);min-height:420px}.customer-detail-body{padding:34px;overflow-y:auto}.customer-detail-body h2{color:var(--fg);margin:16px 0 24px;font-size:34px}.customer-detail-list{gap:12px;display:grid}.customer-detail-list div{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:14px 0;display:flex}.customer-detail-list strong{color:var(--muted)}.customer-detail-list span{color:var(--fg);text-align:right;font-weight:800}@media (width<=720px){.customer-detail-modal{grid-template-columns:1fr;overflow-y:auto}.customer-detail-media{min-height:280px}}:root{--font:"Inter", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#f8fafc;--bg-card:#fff;--white:#fff;--card:#fff;--border:#edf2f7;--border-light:#f1f5f9;--fg:#0f172a;--fg-secondary:#64748b;--muted:#94a3b8;--accent:#60a5fa;--accent-light:#eff6ff;--accent-dark:#3b82f6;--brand-blue:#60a5fa;--brand-blue-hover:#3b82f6;--brand-blue-dark:#2563eb;--green:#059669;--green-light:#d1fae5;--red:#dc2626;--red-light:#fee2e2;--shadow-sm:0 1px 3px #0f172a0a;--shadow-md:0 8px 24px #0f172a0f;--shadow-lg:0 16px 40px #0f172a14;--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--transition:.25s cubic-bezier(.22, 1, .36, 1)}@keyframes internalFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes internalShimmer{0%{background-position:-200%}to{background-position:200%}}.dashboard-layout{color:#0f172a;background:#f8fafc}.dashboard-layout,.dashboard-layout *{font-family:var(--font)}.fas{width:1.1em;min-width:1.1em;height:1.1em;font-family:var(--font);text-rendering:auto;justify-content:center;align-items:center;font-style:normal;font-weight:900;line-height:1;display:inline-flex}.fas:before{color:currentColor;font-size:.95em}.fa-users:before,.fa-user:before{content:"●"}.fa-address-book:before,.fa-chart-line:before,.fa-chart-bar:before,.fa-chart-area:before,.fa-chart-pie:before{content:"▥"}.fa-cog:before,.fa-sliders-h:before{content:"⚙"}.fa-list:before,.fa-table:before{content:"▦"}.fa-location-arrow:before,.fa-map-marker-alt:before{content:"⌖"}.fa-comments:before,.fa-reply:before{content:"◒"}.sidebar{border-right:1px solid var(--border);width:268px;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5}.main-content{margin-left:268px}.sidebar-brand{border-bottom:1px solid var(--border);gap:12px;height:64px;padding:0 24px}.sidebar-logo{background:linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%);border-radius:13px;width:42px;height:42px;font-size:12px;box-shadow:0 8px 18px #60a5fa38}.sidebar-brand-name{color:#0f172a;letter-spacing:-.03em;font-size:13px;font-weight:900}.sidebar-brand-role{color:#94a3b8;font-size:11px;font-weight:600}.sidebar-nav{padding:16px}.nav-section-title{color:#a0aec0;letter-spacing:.08em;padding:22px 12px 8px;font-size:11px;font-weight:800}.nav-item{color:#64748b;min-height:48px;transition:all var(--transition);border:0;border-radius:12px;gap:14px;padding:12px 15px;font-size:13px;font-weight:700}.nav-item.active{color:var(--brand-blue-hover);box-shadow:inset 3px 0 0 var(--brand-blue-hover);background:#eff6ff;border:0}.nav-item.active:before{content:"";background:var(--brand-blue-hover);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.nav-item i,.nav-item .nav-svg-icon{width:21px;color:inherit;font-size:17px}.sidebar-svg-icon{color:currentColor;flex:0 0 18px;width:18px;height:18px;display:block}.sidebar-footer{border-top:1px solid var(--border);padding:18px}.sidebar-user{color:inherit;border-radius:14px;gap:8px;padding:10px;text-decoration:none}.sidebar-user:hover{background:#f8fafc}.sidebar-avatar{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark));width:36px;height:36px;font-size:10px;font-weight:900;box-shadow:0 8px 18px #60a5fa2e}.sidebar-user-name{color:#0f172a;font-size:10px;font-weight:800}.sidebar-user-email{color:#94a3b8;font-size:10px;font-weight:600}.sidebar-logout-btn{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-height:42px;margin-top:10px;font-size:10px;font-weight:800}.sidebar-logout-btn:hover{color:#ef4444;background:#fff7f7;border-color:#fecaca;transform:translateY(-1px)}.superadmin-navbar,.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:56px;min-height:56px;box-shadow:none;background:#fffffff5;padding:0 28px}.superadmin-navbar-left,.topbar-left{gap:12px}.navbar-toggle,.topbar-toggle,.sidebar-toggle.navbar-toggle{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:20px;font-weight:900;display:flex}.selected-photo{background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;overflow:hidden}.selected-photo img,.selected-photo video{object-fit:cover;width:100%;height:100%}.navbar-toggle:hover,.topbar-toggle:hover{color:var(--brand-blue-hover);background:#eff6ff;border-color:#bfdbfe}.topbar-page-title{color:#0f172a;letter-spacing:-.04em;font-size:21px;font-weight:900}.superadmin-navbar-right,.topbar-right{gap:12px}.icon-button,.topbar-btn{color:#64748b;width:40px;height:40px;transition:all var(--transition);background:#fff;border:1px solid #e2e8f0;border-radius:12px}.icon-button:hover,.topbar-btn:hover{color:var(--brand-blue-hover);background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.navbar-live{color:#059669;letter-spacing:.02em;font-size:10px;font-weight:900}.page-body{padding:32px 28px;animation:.45s cubic-bezier(.22,1,.36,1) both internalFadeUp}.page-header,.settings-header,.profile-hero,.restore-header,.reports-header{margin-bottom:26px}.page-header h1,.settings-header h1,.profile-hero h1,.restore-header h1,.reports-header h1,.questionnaire-hero h1{color:#0f172a;letter-spacing:-.06em;font-size:clamp(28px,3vw,40px);font-weight:900;line-height:1.08}.page-header p,.settings-header p,.profile-hero p,.restore-header p,.reports-header p,.page-description{color:#94a3b8;font-size:11px;font-weight:500}.stats-grid,.dashboard-stats,.verify-stats{gap:18px}.stat-card,.data-card,.table-card,.settings-card,.profile-card,.restore-tabs,.restore-empty,.reports-card,.quest-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-radius:18px;box-shadow:0 1px 2px #0f172a08}.stat-card{transition:all var(--transition)}.stat-card:hover,.data-card:hover,.table-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-icon,.card-icon,.section-icon{border-radius:10px}.stat-card h3,.stat-card strong,.metric-value{color:#0f172a;letter-spacing:-.04em;font-weight:900}.stat-card p,.metric-label,.table-count,.card-subtitle{color:#94a3b8;font-weight:700}.table-card-header,.data-card-header,.quest-card-head{background:linear-gradient(#fff 0%,#fbfdff 100%);border-bottom:1px solid #edf2f7}table thead th,.data-table thead th,.quest-table thead th{color:#94a3b8;letter-spacing:.06em;background:#f8fafc;font-size:10px;font-weight:900}table tbody td,.data-table tbody td,.quest-table tbody td{color:#334155;border-bottom:1px solid #edf2f7}table tbody tr:hover,.data-table tbody tr:hover,.quest-table tbody tr:hover{background:#fbfdff}.btn-primary,.primary-btn,.quest-primary,.btn-main,.search-box button,.add-btn,.save-btn{color:#fff;transition:all var(--transition);background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 55%,#2563eb 100%) 0 0/200% 200%;border:0;border-radius:10px;font-weight:900;position:relative;overflow:hidden;box-shadow:0 10px 22px #60a5fa38}.btn-primary:after,.primary-btn:after,.quest-primary:after,.btn-main:after,.search-box button:after,.add-btn:after,.save-btn:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff26,#0000) 0 0/200% 100%;position:absolute;inset:0}.btn-primary:hover:after,.primary-btn:hover:after,.quest-primary:hover:after,.btn-main:hover:after,.search-box button:hover:after,.add-btn:hover:after,.save-btn:hover:after{opacity:1;animation:1.5s linear infinite internalShimmer}.btn-primary:hover,.primary-btn:hover,.quest-primary:hover,.btn-main:hover,.search-box button:hover,.add-btn:hover,.save-btn:hover{background-position:100% 100%;transform:translateY(-2px);box-shadow:0 12px 40px #3b82f652}.btn-secondary,.secondary-btn,.quest-secondary,.cancel-btn,.reset-btn{color:#64748b;transition:all var(--transition);background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-weight:800}.btn-secondary:hover,.secondary-btn:hover,.quest-secondary:hover,.cancel-btn:hover,.reset-btn:hover{color:var(--brand-blue-hover);background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}input,select,textarea,.search-box input,.questionnaire-search input,.form-input,.settings-card input,.settings-card select,.settings-card textarea{color:#0f172a;transition:all var(--transition);background:#f8fafc;border:1.5px solid #e8ecf1;border-radius:10px}input:hover,select:hover,textarea:hover,.search-box input:hover,.form-input:hover{background:#fff;border-color:#cbd5e1}input:focus,select:focus,textarea:focus,.search-box input:focus,.questionnaire-search input:focus,.form-input:focus{border-color:var(--brand-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #60a5fa1a}.filter-tabs,.restore-tabs{border:1px solid var(--border);background:#ffffffe6;border-radius:18px;padding:8px}.filter-tab,.restore-tab,.tab-button{color:#64748b;transition:all var(--transition);border-radius:14px;font-size:10px;font-weight:800}.filter-tab.active,.restore-tab.active,.tab-button.active{background:var(--brand-blue-hover);color:#fff;box-shadow:0 8px 18px #60a5fa40}.status-badge,.quest-badge,.condition-badge,.habit-badge{border-radius:999px;font-size:10px;font-weight:900}.status-badge.waiting,.status-waiting{color:#d97706;background:#fef3c7;border-color:#fde68a}.status-badge.approved,.status-approved,.status-badge.success{color:#059669;background:#d1fae5;border-color:#a7f3d0}.status-badge.rejected,.status-rejected,.status-badge.danger{color:#dc2626;background:#fee2e2;border-color:#fecaca}.drawer,.quest-drawer,.animal-drawer{border-left:1px solid #e5e7eb;box-shadow:-20px 0 40px #0f172a1f}.modal,.crop-modal,.confirm-modal,.quest-drawer,.animal-drawer{border-radius:18px}.upload-zone,.photo-upload-btn{transition:all var(--transition);background:#f8fafc;border:2px dashed #e2e8f0;border-radius:14px}.upload-zone:hover,.upload-zone.dragover,.photo-upload-btn:hover{border-color:var(--brand-blue);background:#eff6ff}@media (width<=768px){.sidebar{width:232px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.superadmin-navbar,.topbar{padding:0 16px}.page-body{padding:22px 16px 90px}}.fas:before,.fa-solid:before,.far:before,.fa-regular:before{content:var(--fa)!important}.fa-tachometer-alt:before{content:""!important}.fa-file-alt:before{content:""!important}.fa-undo:before{content:""!important}.fa-cog:before{content:""!important}.fa-pen:before{content:""!important}.fa-times:before{content:""!important}.fa-upload:before{content:""!important}.fa-comment:before{content:""!important}.fa-sign-out-alt:before,.fa-right-from-bracket:before{content:""!important}.sidebar .fa-comments:before,.nav-item .fa-comments:before{content:""!important}.fa-store:before{content:""!important}.fa-truck:before{content:""!important}.fa-shopping-bag:before{content:""!important}.customer-app{color:#0f172a;background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,sans-serif}body.has-dashboard-bg .customer-app{background-image:linear-gradient(#f8fafcd6, #f8fafceb), var(--dashboard-bg-image);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh}body.has-dashboard-video .customer-app{background:linear-gradient(#f8fafcd6,#f8fafceb)}body.has-dashboard-bg .customer-page{background:0 0}body.has-dashboard-bg .customer-topnav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb}.customer-topnav{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #f1f5f9;min-height:64px;position:sticky;top:0}.customer-topnav .tab-btn{font-size:12px!important;font-weight:800!important}.customer-logout-btn{color:#dc2626;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;height:36px;padding:0 14px;font-size:10px;font-weight:800;line-height:1;transition:all .25s cubic-bezier(.22,1,.36,1)}.customer-logout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 10px 24px #ef444438}.customer-notif-wrapper{position:relative}.customer-notif-btn .notif-dot{background:#ef4444;border:2px solid #fff;border-radius:999px;width:8px;height:8px;position:absolute;top:4px;right:5px}.customer-notif-count{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:900;line-height:14px;display:inline-flex;position:absolute;top:-7px;right:-7px;box-shadow:0 8px 18px #ef44443d}.customer-notif-menu{z-index:90;width:min(360px,100vw - 32px);top:calc(100% + 12px);right:0}.customer-notif-menu .notif-item.unread{background:#eff6ff}.customer-notif-menu .notif-item.unread .notif-item-icon{color:#2563eb;background:#dbeafe}.customer-notif-time{color:#94a3b8;margin-top:5px;font-size:10px;font-style:normal;font-weight:700;display:block}.customer-nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;height:56px;margin:0 auto;padding:0 32px;display:flex}.customer-brand,.customer-user-btn{color:#0f172a;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.customer-brand-mark,.customer-footer-mark{color:#fff;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden;box-shadow:0 8px 18px #60a5fa47}.customer-brand-mark img,.customer-brand-mark video{object-fit:cover;width:100%;height:100%}.customer-brand strong{letter-spacing:-.03em;font-size:11px;font-weight:900}.customer-tabs{align-items:center;gap:4px;display:flex}.customer-tabs a{color:#64748b;border-radius:10px;padding:10px 16px;font-size:10px;font-weight:800;text-decoration:none;position:relative}.customer-tabs a:after{content:"";background:#60a5fa;border-radius:10px;height:2px;transition:transform .22s;position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}.customer-tabs a.active{color:#2563eb}.customer-tabs a.active:after{transform:scaleX(1)}.customer-user{align-items:center;gap:8px;display:flex}.customer-bell{color:#94a3b8;background:#f1f5f9;border:0;border-radius:999px;width:34px;height:34px;position:relative}.customer-bell span{background:#ef4444;border:2px solid #fff;border-radius:999px;width:8px;height:8px;position:absolute;top:1px;right:2px}.customer-user-btn{border-radius:14px;padding:6px 10px 6px 6px}.customer-user-btn:hover{background:#f8fafc}.customer-user-btn span{color:#fff;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:999px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:900;display:grid}.customer-user-btn strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:10px;overflow:hidden}.customer-user-avatar-img{object-fit:cover;border:2px solid #2563eb;border-radius:999px;flex-shrink:0;width:24px;height:24px;display:block}.customer-logout{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;height:34px;padding:0 14px;font-weight:800}.customer-page{max-width:1280px;min-height:calc(100vh - 84px);margin:0 auto;padding:36px 32px 56px}.customer-hero-card{background:linear-gradient(90deg,#eff6ff,#fff,#f0f9ff);border:1px solid #bfdbfebf;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:30px;padding:14px;display:flex}.customer-pill{color:#2563eb;background:#ffffffb8;border:1px solid #bfdbfee6;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:10px;font-weight:900;display:inline-flex}.customer-pill i{background:#34d399;border-radius:999px;width:8px;height:8px}.customer-hero-card h1{color:#0f172a;letter-spacing:-.05em;margin:0;font-size:28px;font-weight:1000}.customer-hero-card p{color:#94a3b8;margin:6px 0 0;font-size:11px;font-weight:600}.customer-main-btn{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 55%,#2563eb 100%) 0 0/200% 200%;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 22px;font-size:13px;font-weight:900;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 14px 28px #3b82f638}.customer-main-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #3b82f652}.customer-main-btn.small{min-height:40px;padding:0 14px;font-size:10px}.customer-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.customer-stat-card,.customer-panel,.customer-pet-card{background:#fff;border:1px solid #f1f5f9;box-shadow:0 8px 24px #0f172a0a}.customer-stat-card{border-radius:20px;min-height:150px;padding:22px}.customer-stat-card span{border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:18px;display:grid}.customer-stat-card span.blue{color:#2563eb;background:#dbeafe}.customer-stat-card span.amber{color:#d97706;background:#fef3c7}.customer-stat-card span.green{color:#059669;background:#d1fae5}.customer-stat-card span.red{color:#dc2626;background:#fee2e2}.customer-stat-card strong{color:#0f172a;font-size:34px;font-weight:1000;line-height:1;display:block}.customer-stat-card p{color:#94a3b8;text-transform:uppercase;margin:8px 0 0;font-size:10px;font-weight:900}.customer-panel{border-radius:22px;overflow:hidden}.customer-panel-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.customer-panel-head h2{color:#0f172a;margin:0;font-size:20px;font-weight:1000}.customer-panel-head p,.customer-panel-head span{color:#94a3b8;margin:5px 0 0;font-size:10px;font-weight:800}.customer-order-list{padding:18px}.customer-order-card{background:#fff;border:1px solid #f1f5f9;border-radius:18px;grid-template-columns:58px minmax(0,1fr) auto;align-items:start;gap:15px;margin-bottom:12px;padding:16px;display:grid}.customer-order-card strong{color:#0f172a;font-size:11px}.customer-order-card p{color:#94a3b8;margin:4px 0 0;font-size:10px;font-weight:700}.customer-order-icon{color:#2563eb;background:#eff6ff;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.customer-order-icon img,.customer-order-icon video{object-fit:cover;width:100%;height:100%}.customer-status{text-transform:uppercase;border-radius:999px;align-self:center;margin-left:0;padding:6px 10px;font-size:10px;font-weight:900}.customer-status.pending{color:#d97706;background:#fef3c7}.customer-status.approved{color:#059669;background:#d1fae5}.customer-status.rejected{color:#dc2626;background:#fee2e2}.customer-search{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;width:min(420px,100%);height:48px;padding:0 16px;display:flex}.customer-search i{color:#94a3b8}.customer-search input{color:#0f172a;min-width:0;font:inherit;border:0;outline:0;flex:1;font-size:13px;font-weight:700}.customer-search input::placeholder{color:#94a3b8}.customer-filter-row{flex-wrap:wrap;gap:9px;margin-bottom:26px;display:flex}.customer-filter-pill{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 16px;font-size:10px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.customer-filter-pill:hover{transform:translateY(-1px)}.customer-filter-pill.active{color:#fff;background:#60a5fa;border-color:#60a5fa;box-shadow:0 8px 18px #60a5fa47}.customer-pet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.customer-pet-card{text-align:left;cursor:pointer;border-radius:22px;transition:transform .28s,box-shadow .28s;animation:.45s cubic-bezier(.22,1,.36,1) both fadeUp;overflow:hidden}.customer-pet-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0f172a14}.customer-pet-media{aspect-ratio:4/5;background:#f1f5f9;position:relative;overflow:hidden}.customer-pet-media img,.customer-pet-media video{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1)}.customer-pet-card:hover .customer-pet-media img,.customer-pet-card:hover .customer-pet-media video{transform:scale(1.08)}.customer-pet-status{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#10b981;border-radius:999px;padding:4px 10px;font-size:8px;font-weight:1000;position:absolute;top:10px;left:10px}.customer-pet-heart{color:#94a3b8;background:#ffffffeb;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 8px 18px #0f172a1f}.customer-pet-info{justify-content:space-between;gap:12px;padding:14px 14px 6px;display:flex}.customer-pet-info h2{color:#1e293b;margin:0;font-size:15px;font-weight:1000}.customer-pet-info p,.customer-pet-info span,.customer-location{color:#94a3b8;font-size:10px;font-weight:700}.customer-pet-info p{margin:4px 0 0}.customer-location{align-items:center;gap:6px;padding:0 14px 14px;display:flex}.customer-feature-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.customer-feature-list span{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;font-weight:900;display:inline-flex}.customer-feature-list i{font-size:10px}.customer-filter-label{color:#64748b;align-items:center;gap:8px;min-height:36px;margin-right:4px;font-size:13px;font-weight:900;display:inline-flex}.customer-card-footer{justify-content:space-between;align-items:center;gap:12px;padding:0 14px 16px;display:flex}.customer-card-footer .customer-location{flex:1;min-width:0;padding:0}.customer-card-detail{color:#2563eb;white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-flex}.customer-pet-card:hover .customer-card-detail{color:#1d4ed8}.customer-detail-modal.new{border-radius:24px}.customer-modal-close{z-index:2;color:#64748b;background:#ffffffeb;border:0;border-radius:10px;width:38px;height:38px;position:absolute;top:16px;right:16px}.customer-detail-badges,.customer-detail-tags{flex-wrap:wrap;gap:8px;display:flex}.customer-detail-badges span,.customer-detail-tags span{color:#2563eb;background:#eff6ff;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:900}.customer-detail-stats div{text-align:center;background:#f8fafc;border-radius:12px;padding:14px}.customer-detail-stats span{color:#94a3b8;font-size:10px;font-weight:900}.customer-empty{color:#94a3b8;text-align:center;align-content:center;place-items:center;gap:8px;min-height:260px;padding:32px;display:grid}.customer-empty.wide{background:#fff;border:1px solid #f1f5f9;border-radius:22px;grid-column:1/-1}.customer-empty i{color:#cbd5e1;font-size:44px}.customer-empty strong{color:#475569;font-size:15px}.customer-empty p{color:#94a3b8;margin:0;font-size:10px;font-weight:700}.customer-form-panel{border:1px solid var(--line);background:#fffffff0;border-radius:24px;padding:28px;box-shadow:0 24px 70px #0f172a14}.customer-message{border-radius:12px;align-items:center;gap:8px;margin:18px 0;padding:14px 16px;font-size:13px;font-weight:800;display:flex}.customer-message.success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.customer-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.customer-selected-animal{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:20px;grid-template-columns:96px 1fr;align-items:center;gap:18px;margin:22px 0;padding:18px;display:grid}.customer-selected-media{width:96px;height:96px;color:var(--accent);background:#e0f2fe;border-radius:20px;place-items:center;font-size:28px;display:grid;overflow:hidden}.customer-selected-media img,.customer-selected-media video{object-fit:cover;width:100%;height:100%}.customer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.customer-form-panel label,.customer-selected-animal label,.customer-form-wide{color:#64748b;text-transform:uppercase;letter-spacing:.12em;flex-direction:column;gap:9px;font-size:10px;font-weight:1000;display:flex}.customer-form-panel input,.customer-form-panel select,.customer-form-panel textarea,.customer-selected-animal select{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:11px;font-weight:700;transition:all .2s}.customer-form-panel input:focus,.customer-form-panel select:focus,.customer-form-panel textarea:focus,.customer-selected-animal select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #0ea5e91a}.customer-form-wide{margin-top:18px}.customer-upload-box{text-align:center;cursor:pointer;background:#f8fbff;border:2px dashed #dbeafe;border-radius:20px;align-items:center;margin-top:18px;padding:26px}.customer-upload-box input{display:none}.customer-upload-box i{color:var(--accent);font-size:30px}.customer-upload-box strong{color:#1e293b;letter-spacing:0;text-transform:none;font-size:11px}.customer-upload-box span{color:#94a3b8;letter-spacing:0;text-transform:none;font-size:10px;font-weight:700}.customer-main-btn.submit,.customer-main-btn.detail-action{width:max-content;margin-top:22px}.customer-status-card{background:#fff;border:1px solid #eef2f7;border-radius:18px;gap:8px;padding:18px;display:flex}.customer-status-main{flex:1;gap:8px;min-width:0;display:grid}.customer-reject-note{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;align-items:flex-start;gap:8px;padding:12px;font-size:10px;font-weight:700;line-height:1.5;display:flex}.customer-adopt-page{max-width:980px}.customer-adopt-head{text-align:center;margin-bottom:26px}.customer-match-pill{color:#9333ea;background:linear-gradient(135deg,#faf5ff,#fff1f8);border:1px solid #f3d8ff;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:10px;font-weight:900;display:inline-flex}.customer-adopt-head h1{color:#0f172a;letter-spacing:-.04em;margin:18px 0 0;font-size:clamp(32px,5vw,48px);font-weight:1000;line-height:1.08}.customer-adopt-head p{color:#94a3b8;max-width:620px;margin:12px auto 0;font-size:11px;font-weight:700;line-height:1.7}.customer-adopt-shell{background:#fffffff5;border:1px solid #eef2f7;border-radius:28px;padding:30px;box-shadow:0 24px 70px #0f172a14}.customer-order-steps{justify-content:center;align-items:flex-start;margin-bottom:30px;display:flex}.customer-order-step{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;min-width:132px;font-size:10px;font-weight:900;display:flex;position:relative}.customer-step-circle{z-index:1;color:#94a3b8;background:#fff;border:2px solid #e2e8f0;border-radius:999px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:1000;transition:all .3s;display:grid}.customer-order-step small{margin-top:5px}.customer-order-step.current{color:#2563eb}.customer-order-step.done{color:#10b981}.customer-step-line{background:#e2e8f0;width:104px;height:2px;transition:background .3s;position:absolute;top:21px;left:calc(50% + 30px)}.customer-order-step.done .customer-step-line{background:#10b981}.customer-adopt-step{animation:.45s cubic-bezier(.22,1,.36,1) both fadeUp}.customer-adopt-step-title.centered{text-align:center}.customer-adopt-step-title h2{color:#1e293b;letter-spacing:-.03em;margin:0;font-size:20px;font-weight:1000}.customer-adopt-step-title p{color:#94a3b8;margin:6px 0 0;font-size:13px;font-weight:700}.customer-adopt-field{color:#64748b;letter-spacing:.12em;text-transform:uppercase;flex-direction:column;gap:8px;font-size:10px;font-weight:1000;display:flex}.customer-adopt-shell input,.customer-adopt-shell select,.customer-adopt-shell textarea{color:#1e293b;background:#f8fafc;border:1.5px solid #e8ecf1;border-radius:14px;outline:none;width:100%;font-size:13px;font-weight:700;transition:all .25s}.customer-adopt-shell input,.customer-adopt-shell select{min-height:48px;padding:0 16px}.customer-adopt-shell textarea{resize:vertical;padding:14px 16px}.customer-adopt-shell input:hover,.customer-adopt-shell select:hover,.customer-adopt-shell textarea:hover{background:#fff;border-color:#cbd5e1}.customer-adopt-shell input:focus,.customer-adopt-shell select:focus,.customer-adopt-shell textarea:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa1f}.customer-adopt-pet-summary{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:24px;align-items:center;gap:16px;margin-top:18px;padding:16px;display:flex}.customer-adopt-pet-photo{background:#e0f2fe;border-radius:18px;flex-shrink:0;width:78px;height:78px;overflow:hidden}.customer-adopt-pet-photo img,.customer-adopt-pet-photo video,.customer-confirm-pet img,.customer-confirm-pet video{object-fit:cover;width:100%;height:100%}.customer-adopt-pet-summary span{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:1000}.customer-adopt-pet-summary h3{color:#0f172a;margin:4px 0;font-size:20px;font-weight:1000}.customer-adopt-pet-summary p{color:#94a3b8;margin:0;font-size:10px;font-weight:700}.customer-adopt-paw{color:#10b981;background:#d1fae5;border-radius:12px;place-items:center;width:44px;height:44px;margin-left:auto;font-size:20px;display:grid}.customer-adopt-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:26px;display:flex}.customer-adopt-actions.end{justify-content:flex-end}.customer-outline-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:10px;font-weight:900;text-decoration:none;transition:all .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.customer-outline-btn:hover{color:#2563eb;border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 22px #0f172a0f}.customer-main-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.customer-adopt-upload{margin-top:18px}.customer-confirm-card{background:#fff;border:1px solid #eef2f7;border-radius:24px;margin:20px 0;padding:20px}.customer-confirm-pet{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding-bottom:16px;display:flex}.customer-confirm-pet>div{color:#60a5fa;background:#eff6ff;border-radius:12px;place-items:center;width:58px;height:42px;display:grid;overflow:hidden}.customer-confirm-pet strong{color:#0f172a;font-size:11px;font-weight:1000;display:block}.customer-confirm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;padding-top:16px;display:grid}.customer-confirm-grid strong{color:#334155;margin-top:4px;font-size:10px;font-weight:900;display:block}.customer-confirm-grid strong.amber{color:#d97706}.customer-adopt-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;font-size:10px;font-weight:700;line-height:1.6;display:flex}.customer-adopt-note p{margin:0}.customer-quick-order{max-width:760px;margin:0 auto}.customer-location-card{color:#1e3a8a;background:#eff6ffd1;border:1px solid #dbeafe;border-radius:16px;align-items:center;gap:14px;max-width:620px;margin:0 auto 18px;padding:18px;display:flex}.customer-card-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.customer-location-card>.customer-card-icon{width:42px;height:42px;color:var(--accent);background:#fff;border-radius:12px;flex:0 0 42px;font-size:20px}.customer-card-icon svg{stroke:currentColor;fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.customer-card-icon-pickup svg{width:21px;height:21px}.customer-card-icon-pickup svg circle,.customer-card-icon-pickup svg path{stroke:none;fill:currentColor}.customer-location-card>div>span{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:900;display:block}.customer-location-card>div>strong{color:#0f172a;font-size:16px;line-height:1.45;display:block}.customer-pickup-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:620px;margin:0 auto 22px;display:grid}.customer-pickup-option{color:#0f172a;min-height:142px;font-family:var(--font);cursor:pointer;text-align:center;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);background:#ffffffe6;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 18px;display:flex;position:relative}.customer-pickup-icon{color:#64748b;background:#f1f5f9;border-radius:14px;width:46px;height:46px;font-size:19px}.customer-pickup-option strong{font-size:15px;line-height:1.35}.customer-pickup-check{color:#0000;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:14px;right:14px}.customer-pickup-option:hover{border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 14px 34px #0f172a14}.customer-pickup-option.selected{border-color:var(--accent);background:#eff6ff;box-shadow:0 16px 38px #2563eb24}.customer-pickup-option.selected .customer-pickup-icon,.customer-pickup-option.selected .customer-pickup-check{background:var(--accent);border-color:var(--accent);color:#fff}.customer-adopt-success{text-align:center;background:#fff;border:1px solid #eef2f7;border-radius:28px;align-content:center;place-items:center;gap:12px;min-height:420px;padding:42px;display:grid;box-shadow:0 24px 70px #0f172a14}.customer-success-ring{color:#10b981;background:#d1fae5;border-radius:999px;place-items:center;width:82px;height:82px;font-size:42px;animation:.6s both bounceIn;display:grid}.customer-adopt-success h2{color:#0f172a;letter-spacing:-.03em;margin:6px 0 0;font-size:28px;font-weight:1000}.customer-adopt-success p{color:#94a3b8;max-width:450px;margin:0;font-size:11px;font-weight:700;line-height:1.7}.customer-adopt-success>div:last-child{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.customer-adopt-media-placeholder{color:#60a5fa;background:#eff6ff;place-items:center;width:100%;height:100%;display:grid}.customer-footer{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;gap:18px;padding:32px max(32px,50vw - 608px);display:flex}.customer-footer div{align-items:center;gap:8px;display:flex}.customer-footer p{color:#64748b;margin:0;font-size:10px;font-weight:700}.dashboard-layout .fas,.dashboard-layout .fa-solid,.dashboard-layout .far,.dashboard-layout .fa-regular,.superadmin-navbar .fas,.topbar .fas{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.dashboard-layout .fas:before,.dashboard-layout .fa-solid:before,.dashboard-layout .far:before,.dashboard-layout .fa-regular:before,.superadmin-navbar .fas:before,.topbar .fas:before{color:currentColor}.dashboard-layout .fa-tachometer-alt:before,.topbar .fa-tachometer-alt:before{content:""!important}.dashboard-layout .fa-users:before,.dashboard-layout .fa-user:before{content:""!important}.dashboard-layout .fa-tags:before{content:""!important}.dashboard-layout .fa-clipboard-list:before{content:""!important}.dashboard-layout .fa-file-alt:before{content:""!important}.dashboard-layout .fa-check-circle:before{content:""!important}.dashboard-layout .fa-address-book:before{content:""!important}.dashboard-layout .fa-chart-line:before,.dashboard-layout .fa-chart-line-alt:before{content:""!important}.dashboard-layout .fa-chart-bar:before{content:""!important}.dashboard-layout .fa-chart-area:before{content:""!important}.dashboard-layout .fa-chart-pie:before{content:""!important}.dashboard-layout .fa-history:before{content:""!important}.dashboard-layout .fa-undo:before{content:""!important}.dashboard-layout .fa-sign-out-alt:before{content:""!important}.topbar .fa-bars:before,.dashboard-layout .fa-bars:before{content:""!important}.dashboard-layout .fa-bell:before,.topbar .fa-bell:before{content:""!important}.dashboard-layout .fa-cog:before,.dashboard-layout .fa-sliders-h:before,.topbar .fa-cog:before{content:""!important}.dashboard-layout .fa-arrow-up:before,.topbar .fa-arrow-up:before{content:""!important}.dashboard-layout .fa-list:before,.dashboard-layout .fa-table:before{content:""!important}.dashboard-layout .fa-location-arrow:before,.dashboard-layout .fa-map-marker-alt:before{content:""!important}.dashboard-layout .fa-trash:before,.dashboard-layout .fa-trash-alt:before{content:""!important}.dashboard-layout .fa-plus:before{content:"+"!important}.dashboard-layout .fa-pen:before{content:""!important}.dashboard-layout .fa-times:before{content:""!important}.dashboard-layout .fa-image:before{content:""!important}.dashboard-layout .fa-upload:before{content:""!important}.dashboard-layout .fa-save:before{content:""!important}.dashboard-layout .fa-eye:before{content:""!important}.dashboard-layout .fa-comments:before,.dashboard-layout .fa-reply:before{content:""!important}.dashboard-layout .fa-paper-plane:before{content:""!important}.dashboard-layout .fa-calendar-check:before{content:""!important}.dashboard-layout .fa-spinner:before{content:""!important}.dashboard-layout .fa-inbox:before{content:""!important}.dashboard-layout .fa-clock:before{content:""!important}.dashboard-layout .fa-check:before{content:""!important}.dashboard-layout .fa-cat:before{content:""!important}.dashboard-layout .fa-dog:before{content:""!important}.dashboard-layout .fa-dove:before{content:""!important}.dashboard-layout .fa-rabbit:before{content:""!important}.dashboard-layout .fa-hippo:before{content:""!important}.dashboard-layout .fa-palette:before{content:""!important}.dashboard-layout .fa-filter:before{content:""!important}.dashboard-layout .fa-file-import:before{content:""!important}.dashboard-layout .fa-file-export:before{content:""!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.customer-pet-grid,.customer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.customer-nav-inner,.customer-page{padding-left:18px;padding-right:18px}.customer-tabs{order:3;justify-content:center;width:100%}.customer-nav-inner{flex-wrap:wrap;height:auto;min-height:64px;padding-top:10px;padding-bottom:10px}.customer-user-btn strong,.customer-logout{display:none}.customer-hero-card{flex-direction:column;align-items:stretch}.customer-stat-grid,.customer-pet-grid,.customer-detail-stats{grid-template-columns:1fr}.customer-footer{flex-direction:column;align-items:flex-start;padding:28px 18px}.customer-adopt-page{padding-left:18px;padding-right:18px}.customer-adopt-shell{border-radius:22px;padding:20px}.customer-order-step{min-width:96px}.customer-step-line{width:72px;left:calc(50% + 25px)}.customer-confirm-grid{grid-template-columns:1fr}.customer-adopt-pet-summary{align-items:flex-start}.customer-adopt-paw{display:none}}.customer-adopt-quiz{max-width:720px;margin:0 auto;animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp}.customer-quiz-hero{text-align:center;margin-bottom:28px}.customer-quiz-hero h1 span{background:linear-gradient(135deg,#60a5fa,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.customer-quiz-panel{background:#fff;border:1px solid #e8ecf1;border-radius:24px;padding:32px;box-shadow:0 12px 32px #0f172a0d}.customer-quiz-progress{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.customer-quiz-progress strong{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.customer-quiz-progress span{color:#2563eb;font-size:10px;font-weight:900}.customer-quiz-progress div{background:#f1f5f9;border-radius:999px;width:100%;height:6px;margin-top:5px;overflow:hidden}.customer-quiz-progress div i{background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);display:block}.customer-quiz-panel h2{color:#0f172a;margin:0 0 6px;font-size:20px;font-weight:800}.customer-quiz-panel>p{color:#64748b;margin:0 0 24px;font-size:13px}.customer-quiz-options{gap:8px;margin-bottom:24px;display:grid}.customer-quiz-option{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;outline:none;align-items:center;gap:16px;width:100%;padding:18px 20px;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex}.customer-quiz-option:hover{border-color:#60a5fa;transform:translateY(-3px);box-shadow:0 8px 24px #60a5fa1f}.customer-quiz-option.selected{background:#eff6ff;border-color:#60a5fa;box-shadow:0 4px 16px #60a5fa2e}.customer-radio{color:#fff;background:#fff;border:2px solid #cbd5e1;border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;transition:all .25s;display:grid}.customer-radio i{opacity:0;transition:opacity .2s}.customer-quiz-option.selected .customer-radio{background:#60a5fa;border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa66}.customer-quiz-option.selected .customer-radio i{opacity:1}.customer-quiz-option section{flex:1;min-width:0}.customer-quiz-option strong{color:#1e293b;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.customer-quiz-option small{color:#64748b;font-size:10px;line-height:1.4;display:block}.customer-quiz-opt-icon{opacity:.6;flex-shrink:0;margin-left:auto;transition:all .25s;color:#cbd5e1!important;font-size:26px!important}.customer-quiz-option:hover .customer-quiz-opt-icon{opacity:.9;color:#60a5fa!important}.customer-quiz-option.selected .customer-quiz-opt-icon{opacity:1;color:#60a5fa!important}.customer-quiz-back{margin-top:5px}.customer-adopt-results{text-align:center;max-width:768px;margin:0 auto;animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp}.customer-result-star{color:#fff;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;animation:.6s both bounceIn;display:grid;box-shadow:0 10px 25px #2563eb40}.customer-result-list{text-align:left;gap:18px;margin:24px 0 28px;display:grid}.customer-result-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0f172a08}.customer-result-card:hover{border-color:#93c5fd;transform:translateY(-5px);box-shadow:0 20px 40px #60a5fa24}.customer-result-photo{background:#f1f5f9;flex-shrink:0;width:180px;min-height:180px;position:relative}.customer-result-photo img,.customer-result-photo video{object-fit:cover;width:100%;height:100%}.customer-result-photo span{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#2563eb;background:#ffffffeb;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #00000014}.customer-result-card section{flex-direction:column;flex:1;justify-content:space-between;padding:20px;display:flex}.customer-result-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.customer-result-title h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.customer-result-title small{color:#059669;text-transform:uppercase;background:#d1fae5;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:800}.customer-result-card p{color:#64748b;margin:4px 0 10px;font-size:10px}.customer-result-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.customer-result-tags span{color:#475569;background:#f1f5f9;border-radius:7px;padding:4px 10px;font-size:10px;font-weight:600}.customer-result-match{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;font-size:10px;display:flex}.customer-result-match strong{color:#64748b;font-weight:700}.customer-result-match b{color:#2563eb;font-weight:900}.customer-result-match div{background:#e2e8f0;border-radius:999px;width:100%;height:6px;overflow:hidden}.customer-result-match div i{background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:999px;height:100%;display:block}.customer-detail-page{background:#fff;border:1px solid #e8ecf1;border-radius:24px;grid-template-columns:1fr 1fr;align-items:start;gap:36px;padding:36px;display:grid;box-shadow:0 10px 30px #0f172a0a}.customer-detail-gallery{flex-direction:column;gap:8px;display:flex}.customer-detail-main-media{aspect-ratio:4/5;background:#f1f5f9;border-radius:20px;overflow:hidden}.customer-detail-main-media img,.customer-detail-main-media video{object-fit:cover;width:100%;height:100%}.customer-detail-thumbs{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.customer-detail-thumbs button{aspect-ratio:1;cursor:pointer;background:#f1f5f9;border:2px solid #0000;border-radius:10px;padding:0;transition:all .25s;overflow:hidden}.customer-detail-thumbs button.active,.customer-detail-thumbs button:hover{border-color:#3b82f6;transform:scale(1.04)}.customer-detail-thumbs img,.customer-detail-thumbs video{object-fit:cover;width:100%;height:100%}.customer-detail-info h1{color:#0f172a;letter-spacing:-.02em;margin:8px 0;font-size:32px;font-weight:900}.customer-detail-info>p{color:#64748b;align-items:center;gap:6px;margin-bottom:20px;font-size:13px;display:flex}.customer-detail-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;display:grid}.customer-detail-stats div{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;padding:12px 8px}.customer-detail-stats strong{color:#1e293b;font-size:15px;font-weight:900;display:block}.customer-detail-stats span{color:#94a3b8;margin-top:2px;font-size:10px;font-weight:600}.customer-health-list{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.customer-health-list span{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.customer-health-list i{flex-shrink:0;width:24px;height:24px;box-shadow:0 2px 6px #10b98126;color:#10b981!important;background:#d1fae5!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;font-family:"Font Awesome 6 Free"!important;font-size:11px!important;font-weight:900!important;display:inline-flex!important}.customer-health-list i:before{content:""!important}.customer-detail-actions{gap:12px;margin-top:24px;display:flex}.customer-detail-actions .customer-main-btn{flex:1}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.customer-result-card{flex-direction:column}.customer-result-photo{width:100%;height:200px}.customer-detail-page{grid-template-columns:1fr;padding:20px}}.customer-app .fas,.customer-app .fa-solid,.customer-app .far,.customer-app .fa-regular,.customer-page .fas,.customer-page .fa-solid,.customer-page .far,.customer-page .fa-regular,.customer-quiz-option .fas,.customer-quiz-hero .fas,.customer-result-star .fas,.customer-match-pill .fas{display:inline-block;font-variant:normal!important;text-rendering:auto!important;font-family:"Font Awesome 6 Free"!important;font-style:normal!important;font-weight:900!important;line-height:1!important}.customer-app .fas:before,.customer-app .fa-solid:before,.customer-page .fas:before,.customer-page .fa-solid:before{content:unset}.fa-running:before,.fa-person-running:before{content:""!important}.fa-couch:before{content:""!important}.fa-users:before{content:""!important}.fa-home:before,.fa-house:before{content:""!important}.fa-building:before{content:""!important}.fa-door-open:before{content:""!important}.fa-smile:before,.fa-face-smile:before{content:""!important}.fa-moon:before{content:""!important}.fa-cat:before{content:""!important}.fa-dog:before{content:""!important}.fa-check-circle:before{content:""!important}.fa-clipboard-check:before{content:""!important}.fa-info-circle:before{content:""!important}.fa-exclamation-circle:before{content:""!important}.customer-order-steps{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.customer-order-step{flex-direction:column;align-items:center;gap:6px;display:flex}.customer-step-circle{color:#94a3b8;background:#fff;border:2px solid #e2e8f0;border-radius:999px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;transition:all .3s;display:grid}.customer-order-step.current .customer-step-circle{color:#fff;background:#60a5fa;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33}.customer-order-step.done .customer-step-circle{color:#fff;background:#10b981;border-color:#10b981}.customer-order-step span{color:#64748b;font-size:10px;font-weight:700}.customer-order-step.current span{color:#2563eb;font-weight:800}.customer-order-step.done span{color:#10b981}.customer-step-line{background:#e2e8f0;width:60px;height:2px;margin-bottom:20px;transition:background .3s}.customer-adopt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.customer-field-group{flex-direction:column;gap:7px;width:100%;display:flex}.customer-field-group.full-width{grid-column:1/-1}.customer-field-group label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;display:block}.customer-field-group input,.customer-field-group select,.customer-field-group textarea{color:#1e293b;background:#f8fafc;border:1.5px solid #e8ecf1;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:13px;font-weight:600;transition:all .25s}.customer-field-group input,.customer-field-group select{height:46px}.customer-field-group input:hover,.customer-field-group select:hover,.customer-field-group textarea:hover{background:#fff;border-color:#cbd5e1}.customer-field-group input:focus,.customer-field-group select:focus,.customer-field-group textarea:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1f}.customer-checkbox-item{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.customer-checkbox-item input[type=checkbox]{accent-color:#60a5fa;cursor:pointer;border:1.5px solid #cbd5e1;border-radius:6px;flex-shrink:0;width:18px;height:18px;margin-top:2px}.customer-checkbox-item span{color:#475569;font-size:10px;font-weight:500;line-height:1.5}.sidebar-nav{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.nav-item{color:#64748b;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#2563eb;background:#f1f5f9;transform:translate(2px)}.nav-item.active{color:#2563eb;background:#eff6ff;border-left:3px solid #2563eb;border-radius:0 12px 12px 0;font-weight:800}.nav-item svg,.nav-item i,.nav-svg-icon{color:currentColor;flex-shrink:0;width:18px;height:18px;font-size:16px;transition:color .2s}.customer-detail-body{flex-direction:column;gap:16px;display:flex}.customer-detail-body h2{color:#0f172a;margin:12px 0 4px;font-size:30px;font-weight:900;line-height:1.2}.customer-detail-location{color:#64748b;align-items:center;gap:8px;margin:0 0 20px;font-size:13px;font-weight:600;display:flex}.customer-detail-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 24px;display:grid}.customer-detail-body h3{color:#0f172a;margin:24px 0 10px;font-size:16px;font-weight:800}.customer-detail-desc{color:#64748b;margin:0 0 20px;font-size:13.5px;font-weight:500;line-height:1.8}.customer-checkbox-list{flex-direction:column;gap:12px;margin-top:12px;display:flex}.customer-checkbox-row{cursor:pointer!important;flex-direction:row!important;align-items:flex-start!important;gap:14px!important;margin-bottom:12px!important;display:flex!important}.customer-checkbox-row input[type=checkbox],.adopt-check{accent-color:#3b82f6!important;cursor:pointer!important;border:1.5px solid #cbd5e1!important;border-radius:4px!important;flex-shrink:0!important;width:18px!important;height:18px!important;margin-top:2px!important;margin-right:12px!important}.customer-checkbox-row span{color:#475569!important;text-transform:none!important;margin-left:2px!important;font-size:13px!important;font-weight:500!important;line-height:1.5!important;transition:color .2s!important}.customer-checkbox-row:hover span{color:#0f172a!important}.customer-adopt-step-title.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.customer-confirm-icon{color:#2563eb;background:#eff6ff;border-radius:20px;place-items:center;width:60px;height:60px;margin:0 auto 16px;font-size:24px;display:grid}.modal-backdrop{z-index:1200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:7px;width:92%;max-width:460px;max-height:90vh;padding:16px;position:relative;overflow-y:auto;box-shadow:0 8px 24px #00000026}.modal-close{cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:6px;right:6px}.chat-input{border:1px solid var(--muted);border-radius:4px;flex:1;padding:6px 10px}.chat-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;opacity:0;background:#0006;justify-content:center;align-items:center;animation:.3s forwards fadeInBackdrop;display:flex;position:fixed;inset:0}@keyframes fadeInBackdrop{to{opacity:1}}.modal-content{background:#fff;border-radius:10px;width:92%;max-width:460px;max-height:90vh;padding:14px;animation:.35s forwards slideInModal;position:relative;overflow-y:auto;transform:translateY(-20px);box-shadow:0 12px 28px #00000026}@keyframes slideInModal{to{transform:translateY(0)}}.modal-close{color:#777;cursor:pointer;background:0 0;border:none;font-size:1.4rem;transition:color .2s;position:absolute;top:10px;right:10px}.modal-close:hover{color:#333}.chat-input{border:1px solid var(--muted);border-radius:6px;flex:1;padding:8px 12px;font-size:.95rem}.chat-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;transition:background .2s}.chat-send-btn:hover{background:var(--accent-dark)}.ig-panel{flex-direction:column;display:flex}.ig-chat-area{background:#f8f9fb;flex-direction:column;flex:1;gap:6px;min-height:240px;padding:16px 20px;display:flex;overflow-y:auto}.ig-bubble{word-break:break-word;border-radius:18px;max-width:68%;padding:8px 13px;font-size:13px;line-height:1.45;animation:.2s igFadeIn;position:relative}@keyframes igFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ig-bubble.ig-out{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-bottom-right-radius:4px;align-self:flex-end}.ig-bubble.ig-in{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 4px #0000000f}.ig-delete-message{color:#ef4444;opacity:0;pointer-events:none;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;transition:opacity .2s,transform .2s,border-color .2s;display:inline-flex;position:absolute;top:-9px;box-shadow:0 8px 18px #0f172a1f}.ig-bubble.ig-out .ig-delete-message{left:-10px}.ig-bubble.ig-in .ig-delete-message{right:-10px}.ig-bubble:hover .ig-delete-message{opacity:1;pointer-events:auto}.ig-delete-message:hover{background:#fff5f5;border-color:#fecaca;transform:scale(1.08)}.ig-name{opacity:.75;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.ig-bubble.ig-out .ig-name{color:#e0f2fe}.ig-bubble.ig-in .ig-name{color:#0284c7}.ig-text{white-space:pre-wrap;margin:0}.ig-time{text-align:right;opacity:.55;margin-top:4px;font-size:10px;display:block}.ig-empty{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:32px;font-size:13px;display:flex}.ig-empty i{opacity:.35;font-size:28px}.ig-input-bar{border-top:1px solid var(--border);background:#fff;align-items:center;gap:8px;padding:10px 14px;display:flex}.ig-input{border:1.5px solid var(--border);height:38px;font-family:var(--font);color:var(--fg);background:#f4f5f7;border-radius:999px;outline:none;flex:1;padding:0 14px;font-size:13px;transition:border-color .2s,background .2s}.ig-input:focus{border-color:var(--accent);background:#fff}.ig-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;transition:opacity .2s,transform .15s;display:flex}.ig-send:hover:not(:disabled){opacity:.88;transform:scale(1.06)}.ig-send:disabled{opacity:.4;cursor:not-allowed}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background:#0f172a8c;justify-content:center;align-items:center;animation:.25s igFadeIn;display:flex;position:fixed;inset:0}.ig-modal{background:#fff;border-radius:12px;flex-direction:column;width:min(440px,94vw);max-height:88vh;animation:.3s cubic-bezier(.34,1.56,.64,1) igSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}@keyframes igSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.ig-modal-header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:12px;padding:14px 16px;display:flex}.ig-modal-avatar{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.ig-modal-info{flex-direction:column;flex:1;line-height:1.3;display:flex}.ig-modal-info strong{color:var(--fg);font-size:11px}.ig-modal-info span{color:var(--muted);font-size:10px}.ig-modal-close{color:#64748b;cursor:pointer;background:#f1f3f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:background .2s;display:flex}.ig-modal-close:hover{color:#334155;background:#e2e8f0}.modal-chat-area{max-height:360px}.chat-bubble{word-break:break-word;border-radius:12px;max-width:82%;margin:8px 0;padding:12px 16px;line-height:1.4}.chat-bubble.staff{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border:none;align-self:flex-end;box-shadow:0 6px 16px #0ea5e933}.chat-bubble.customer{color:var(--fg);border:1px solid var(--border-light);background:#fff;align-self:flex-start;box-shadow:0 2px 8px #0000000a}.chat-bubble{opacity:0;animation:.3s forwards fadeInMsg}@keyframes fadeInMsg{to{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.15)}}.btn-main{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 55%,#2563eb 100%) 0 0/200% 200%;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.btn-main:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff26,#0000) 0 0/200% 100%;position:absolute;inset:0}.btn-main:hover:after{opacity:1;animation:1.5s linear infinite shimmer}.btn-main:hover{background-position:100% 100%;transform:translateY(-2px);box-shadow:0 12px 40px #3b82f659}.btn-main:active{transform:translateY(0)scale(.98)}.btn-outline{transition:all .25s cubic-bezier(.22,1,.36,1)}.btn-outline:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.quiz-opt{cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1)}.quiz-opt:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014;border-color:#60a5fa!important}.quiz-opt.selected{box-shadow:0 4px 16px #60a5fa26;background:#eff6ff!important;border-color:#60a5fa!important}.fa-clipboard-list:before{content:""!important}.customer-animals-page{padding-top:30px!important}.customer-animals-hero{background:linear-gradient(135deg,#eff6ff 0%,#fff 55%,#e0f2fe 100%)!important;border:1px solid #bfdbfe!important;border-radius:22px!important;align-items:center!important;margin-bottom:24px!important;padding:24px 28px!important;box-shadow:0 20px 55px #3b82f614!important}.customer-animals-hero h1{color:#0f172a!important;letter-spacing:0!important;font-size:34px!important;font-weight:900!important;line-height:1.05!important}.customer-animals-hero p{color:#94a3b8!important;margin-top:8px!important;font-size:14px!important;font-weight:700!important}.customer-animals-hero>div:first-child>div:first-child{background:#fff!important;border:1px solid #bfdbfe!important;border-radius:999px!important;margin-bottom:12px!important;padding:8px 13px!important;display:inline-flex!important}.customer-animals-hero>div:first-child>div:first-child span{color:#2563eb!important;letter-spacing:.08em!important;font-size:11px!important;font-weight:900!important}.customer-animals-search{min-width:320px!important}.customer-animals-search input{color:#1e293b!important;background:#fff!important;border:1.5px solid #dbeafe!important;border-radius:16px!important;height:46px!important;font-size:14px!important;font-weight:600!important;box-shadow:0 8px 24px #0f172a0a!important}.customer-adopt-quiz{padding-top:40px;max-width:900px!important}.customer-quiz-hero{margin-bottom:34px!important}.customer-quiz-hero h1{color:#0f172a!important;letter-spacing:0!important;font-size:46px!important;font-weight:900!important;line-height:1.08!important}.customer-quiz-hero p{max-width:620px;color:#94a3b8!important;margin:16px auto 0!important;font-size:17px!important;font-weight:600!important;line-height:1.55!important}.customer-match-pill{color:#9333ea!important;background:linear-gradient(135deg,#faf5ff,#fff1f8)!important;border-color:#ead5ff!important;padding:10px 22px!important;font-size:13px!important;font-weight:900!important}.customer-match-pill i:before{content:""!important}.customer-quiz-panel{margin:0 auto;border-color:#e2e8f0!important;border-radius:26px!important;max-width:900px!important;padding:38px 40px!important;box-shadow:0 24px 70px #0f172a14!important}.customer-quiz-panel h2{color:#1e293b!important;letter-spacing:0!important;font-size:28px!important;font-weight:900!important}.customer-quiz-panel>p{color:#94a3b8!important;font-size:16px!important;font-weight:600!important}.customer-quiz-progress strong,.customer-quiz-progress span{font-size:13px!important;font-weight:900!important}.customer-quiz-progress div{background:#edf2f7!important;height:8px!important}.customer-quiz-option{background:#fff!important;border-radius:18px!important;min-height:84px!important;padding:20px 24px!important}.customer-quiz-option strong{color:#1e293b!important;font-size:16px!important;font-weight:800!important}.customer-quiz-option small{color:#94a3b8!important;font-size:13px!important;font-weight:600!important}.customer-radio{width:26px!important;height:26px!important}.customer-quiz-opt-icon{color:#cbd5e1!important;opacity:.75!important;font-size:30px!important}.customer-chat-page{max-width:1300px!important;padding:20px 32px 24px!important}.customer-chat-page>div:first-child{margin-bottom:18px!important}.customer-chat-page>div:first-child h1{color:#0f172a!important;letter-spacing:0!important;font-size:32px!important;font-weight:900!important}.customer-chat-page>div:nth-child(2){margin-bottom:18px!important}.customer-chat-panel{border-color:#e2e8f0!important;border-radius:24px!important;height:520px!important;min-height:520px!important;max-height:none!important;box-shadow:0 24px 70px #0f172a14!important}.customer-chat-panel>div:last-child{min-height:0!important;overflow:hidden!important}.customer-chat-panel .ig-chat-area{background:#f8fafc!important;flex:auto!important;height:auto!important;min-height:0!important;padding:24px!important;overflow-y:auto!important}.customer-chat-panel .ig-input-bar{background:#fff!important;border-top:1px solid #e8ecf1!important;flex:none!important;align-items:center!important;gap:10px!important;padding:18px 20px!important;display:flex!important}.customer-chat-panel .ig-input{color:#1e293b!important;background:#f8fafc!important;border-color:#e2e8f0!important;border-radius:999px!important;height:48px!important;padding:0 20px!important;font-size:15px!important;font-weight:600!important}.customer-chat-panel .ig-send{border-radius:16px!important;width:48px!important;height:48px!important}.customer-chat-panel .ig-bubble{border-radius:18px!important;padding:12px 16px!important;font-size:14px!important;line-height:1.5!important}.customer-chat-panel .ig-empty{color:#64748b!important;font-size:16px!important}@media (width<=768px){.customer-animals-hero{padding:22px!important}.customer-animals-search{min-width:100%!important}.customer-quiz-hero h1{font-size:34px!important}.customer-quiz-panel{padding:24px!important}.customer-chat-panel{grid-template-columns:1fr!important;height:auto!important;min-height:520px!important}.customer-chat-panel>div:first-child{display:none!important}}.customer-adopt-page{color:#0f172a;padding-top:52px;max-width:1144px!important}.customer-adopt-page,.customer-adopt-page *{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customer-adopt-page .customer-detail-page{border-color:#eef2f7;border-radius:26px;gap:44px;max-width:1144px;margin:0 auto;padding:44px;box-shadow:0 28px 80px #0f172a14}.customer-adopt-page .customer-detail-main-media{border-radius:22px;box-shadow:0 14px 34px #0f172a0f}.customer-adopt-page .customer-detail-info h1{color:#0f172a;letter-spacing:0;margin:12px 0 8px;font-size:42px;font-weight:900;line-height:1.05}.customer-adopt-page .customer-detail-info h3{color:#0f172a;letter-spacing:0;margin:24px 0 8px;font-size:21px;font-weight:700}.customer-adopt-page .customer-detail-info p{color:#51627a;font-size:16px;font-weight:500;line-height:1.55}.customer-adopt-page .customer-detail-badges span,.customer-adopt-page .customer-detail-tags span{color:#2563eb;letter-spacing:0;text-transform:none;background:#eff6ff;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:800}.customer-adopt-page .customer-detail-stats div{background:#f8fafc;border-color:#eef2f7;border-radius:15px;padding:18px 12px}.customer-adopt-page .customer-detail-stats strong{color:#0f172a;font-size:20px;font-weight:900}.customer-adopt-page .customer-detail-stats span{color:#94a3b8;margin-top:5px;font-size:10px;font-weight:800;display:block}.customer-adopt-page .customer-health-list span{color:#0f172a;font-size:16px;font-weight:700}.customer-adopt-form-wrap{max-width:952px;margin:0 auto}.customer-adopt-form-wrap .customer-adopt-pet-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;width:100%;margin:16px auto 36px;padding:20px}.customer-adopt-form-wrap .customer-adopt-pet-photo{border-radius:18px;width:76px;height:76px;overflow:hidden}.customer-adopt-form-wrap .customer-adopt-pet-summary h3{color:#0f172a;letter-spacing:0;margin:0 0 6px;font-size:20px;font-weight:900}.customer-adopt-form-wrap .customer-adopt-pet-summary p{color:#94a3b8;font-size:11px;font-weight:700}.customer-adopt-step{max-width:952px;margin:0 auto}.customer-adopt-step-title{margin-bottom:28px}.customer-adopt-step-title h2{color:#1e293b;letter-spacing:0;font-size:28px;font-weight:900}.customer-adopt-step-title p{color:#94a3b8;margin-top:10px;font-size:16px;font-weight:700}.customer-adopt-step .customer-form-grid.customer-adopt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:28px;display:grid}.customer-adopt-step .customer-form-grid.customer-adopt-grid label{color:#64748b;letter-spacing:.08em;text-transform:uppercase;gap:8px;font-size:10px;font-weight:900;line-height:1.2;flex-direction:column!important;align-items:stretch!important;display:flex!important}.customer-adopt-step .customer-form-grid.customer-adopt-grid label.customer-form-wide{grid-column:1/-1;margin-top:0}.customer-adopt-step input,.customer-adopt-step select,.customer-adopt-step textarea{outline:none;min-width:0;line-height:1.4;transition:all .25s;color:#1e293b!important;letter-spacing:0!important;text-transform:none!important;background:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:14px!important;width:100%!important;padding:15px 18px!important;font-size:15px!important;font-weight:600!important}.customer-adopt-step input,.customer-adopt-step select{height:56px}.customer-adopt-step textarea{resize:vertical;min-height:104px}.customer-adopt-step input::placeholder,.customer-adopt-step textarea::placeholder{color:#cbd5e1;font-weight:600}.customer-adopt-step input:hover,.customer-adopt-step select:hover,.customer-adopt-step textarea:hover,.customer-adopt-step input:focus,.customer-adopt-step select:focus,.customer-adopt-step textarea:focus{box-shadow:0 0 0 4px #60a5fa1f;background:#fff!important;border-color:#60a5fa!important}.customer-adopt-step .customer-upload-box.customer-adopt-upload{text-align:left;background:#f8fbff;border:2px dashed #bfdbfe;border-radius:20px;grid-template-columns:auto 1fr;place-items:center start;gap:4px 12px;max-width:780px;margin:22px 0 0;padding:22px 28px;display:grid}.customer-adopt-step .customer-upload-box.customer-adopt-upload i{color:#0ea5e9;background:#e0f2fe;border-radius:14px;grid-row:span 2;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.customer-adopt-step .customer-upload-box.customer-adopt-upload strong{color:#1e293b;font-size:16px;font-weight:900}.customer-adopt-step .customer-upload-box.customer-adopt-upload span{color:#94a3b8;font-size:13px;font-weight:700;line-height:1.4}.customer-adopt-actions{align-items:center;margin-top:34px}.customer-adopt-actions .customer-main-btn,.customer-adopt-actions .customer-outline-btn,.customer-detail-actions .customer-main-btn,.customer-detail-actions .customer-outline-btn{letter-spacing:0;border-radius:15px;min-height:56px;font-size:16px;font-weight:900}.customer-adopt-actions .customer-main-btn{min-width:220px}.customer-confirm-icon{border-radius:24px;width:78px;height:78px;font-size:34px}.customer-confirm-card{border-color:#eef2f7;border-radius:24px;max-width:952px;margin:28px auto;padding:26px}.customer-confirm-pet{gap:18px;padding-bottom:22px}.customer-confirm-pet>div{border-radius:18px;width:74px;height:74px}.customer-confirm-pet strong{color:#1e293b;font-size:18px;font-weight:900}.customer-confirm-pet span,.customer-confirm-grid span{color:#94a3b8;font-size:13px;font-weight:800}.customer-confirm-grid{gap:22px 48px;padding-top:22px}.customer-confirm-grid strong{color:#334155;margin-top:5px;font-size:15px;font-weight:800}.customer-adopt-note{border-radius:12px;max-width:952px;margin:0 auto;padding:18px 20px;font-size:15px;font-weight:700}@media (width<=768px){.customer-adopt-page{padding-top:24px}.customer-adopt-page .customer-detail-page{gap:28px;padding:22px}.customer-adopt-page .customer-detail-info h1{font-size:34px}.customer-adopt-step .customer-form-grid.customer-adopt-grid{grid-template-columns:1fr}.customer-adopt-form-wrap .customer-adopt-pet-summary{align-items:center}.customer-adopt-actions,.customer-adopt-actions.end{justify-content:stretch}.customer-adopt-actions .customer-main-btn,.customer-adopt-actions .customer-outline-btn{width:100%}.customer-pickup-options{grid-template-columns:1fr}.customer-pickup-option{min-height:116px}}.topbar-svg-icon,.questionnaire-title-icon,.quest-action-icon{color:currentColor;flex-shrink:0;display:inline-block}.topbar-svg-icon{width:18px;height:18px}.questionnaire-title-icon{width:24px;height:24px;color:var(--accent);margin-right:10px}.quest-action-icon{width:14px;height:14px}.dashboard-layout .fas:before,.dashboard-layout .far:before,.dashboard-layout .fa-solid:before,.dashboard-layout .fa-regular:before,.superadmin-navbar .fas:before,.superadmin-navbar .far:before{font-weight:900;line-height:1;display:inline-block;font-family:Arial,Segoe UI Symbol,sans-serif!important}.dashboard-layout .fa-bars:before,.superadmin-navbar .fa-bars:before{content:"☰"!important}.dashboard-layout .fa-bell:before,.superadmin-navbar .fa-bell:before{content:"◖"!important}.dashboard-layout .fa-cog:before,.dashboard-layout .fa-gear:before,.superadmin-navbar .fa-cog:before,.superadmin-navbar .fa-gear:before{content:"⚙"!important}.dashboard-layout .fa-clipboard-list:before,.dashboard-layout .fa-list-check:before{content:"▤"!important}.dashboard-layout .fa-file-alt:before,.dashboard-layout .fa-file-lines:before{content:"▣"!important}.dashboard-layout .fa-users:before,.dashboard-layout .fa-user-group:before{content:"●●"!important}.dashboard-layout .fa-paw:before{content:"✣"!important}.dashboard-layout .fa-chart-line:before{content:"⌁"!important}.dashboard-layout .fa-comments:before,.dashboard-layout .fa-comment-dots:before{content:"◒"!important}.dashboard-layout .fa-calendar-alt:before,.dashboard-layout .fa-calendar-days:before{content:"▣"!important}.dashboard-layout .fa-history:before,.dashboard-layout .fa-rotate-left:before{content:"↺"!important}.dashboard-layout .fa-check-circle:before,.dashboard-layout .fa-circle-check:before{content:"✓"!important}.dashboard-layout .fa-trash:before{content:"×"!important}.dashboard-layout .fa-pen:before,.dashboard-layout .fa-edit:before{content:"✎"!important}.dashboard-layout .fa-search:before{content:"⌕"!important}.sidebar .nav-fa-icon,.sidebar .nav-fa-icon:before{font-variant:normal!important;text-rendering:auto!important;font-family:"Font Awesome 6 Free"!important;font-style:normal!important;font-weight:900!important;line-height:1!important}.sidebar .nav-fa-icon{justify-content:center;align-items:center;width:22px;min-width:22px;font-size:18px;display:inline-flex!important}.sidebar .nav-fa-icon.fa-tachometer-alt:before{content:""!important}.sidebar .nav-fa-icon.fa-comments:before{content:""!important}.sidebar .nav-fa-icon.fa-users:before{content:""!important}.sidebar .nav-fa-icon.fa-tags:before{content:""!important}.sidebar .nav-fa-icon.fa-paw:before{content:""!important}.sidebar .nav-fa-icon.fa-clipboard-list:before{content:""!important}.sidebar .nav-fa-icon.fa-file-alt:before{content:""!important}.sidebar .nav-fa-icon.fa-check-circle:before{content:""!important}.sidebar .nav-fa-icon.fa-address-book:before{content:""!important}.sidebar .nav-fa-icon.fa-chart-line:before{content:""!important}.sidebar .nav-fa-icon.fa-history:before{content:""!important}.sidebar .nav-fa-icon.fa-undo:before{content:""!important}.sidebar .nav-fa-icon.fa-calendar-check:before{content:""!important}.sidebar .nav-fa-icon.fa-heart:before{content:""!important}.fas,.fa-solid,.far,.fa-regular{font-variant:normal!important;text-rendering:auto!important;font-family:"Font Awesome 6 Free"!important;font-style:normal!important;line-height:1!important}.fas,.fa-solid{font-weight:900!important}.far,.fa-regular{font-weight:400!important}.fa-tachometer-alt:before,.fa-view-dashboard:before{content:""!important}.fa-users:before,.fa-user-group:before{content:""!important}.fa-user:before{content:""!important}.fa-user-check:before{content:""!important}.fa-tags:before{content:""!important}.fa-paw:before{content:""!important}.fa-clipboard-list:before,.fa-list-check:before{content:""!important}.fa-file-alt:before,.fa-file-lines:before{content:""!important}.fa-check-circle:before,.fa-circle-check:before{content:""!important}.fa-check:before{content:""!important}.fa-address-book:before{content:""!important}.fa-chart-line:before{content:""!important}.fa-chart-bar:before{content:""!important}.fa-chart-area:before{content:""!important}.fa-chart-pie:before{content:""!important}.fa-history:before{content:""!important}.fa-undo:before,.fa-rotate-left:before{content:""!important}.fa-sign-out-alt:before{content:""!important}.fa-bars:before{content:""!important}.fa-bell:before{content:""!important}.fa-cog:before,.fa-gear:before{content:""!important}.fa-sliders-h:before{content:""!important}.fa-arrow-up:before{content:""!important}.fa-arrow-right:before{content:""!important}.fa-arrow-left:before{content:""!important}.fa-list:before{content:""!important}.fa-table:before{content:""!important}.fa-location-arrow:before{content:""!important}.fa-map-marker-alt:before{content:""!important}.fa-trash:before,.fa-trash-alt:before{content:""!important}.fa-search:before{content:""!important}.fa-plus:before{content:"+"!important}.fa-pen:before,.fa-edit:before{content:""!important}.fa-times:before,.fa-xmark:before{content:""!important}.fa-image:before{content:""!important}.fa-upload:before,.fa-cloud-upload-alt:before{content:""!important}.fa-save:before{content:""!important}.fa-eye:before{content:""!important}.fa-comments:before{content:""!important}.fa-comment-dots:before{content:""!important}.fa-reply:before{content:""!important}.fa-paper-plane:before{content:""!important}.fa-calendar-check:before{content:""!important}.fa-calendar-alt:before,.fa-calendar-days:before{content:""!important}.fa-spinner:before{content:""!important}.fa-inbox:before{content:""!important}.fa-clock:before{content:""!important}.fa-heart:before{content:""!important}.fa-star:before{content:""!important}.fa-share-alt:before{content:""!important}.fa-info-circle:before,.fa-exclamation-circle:before{content:""!important}.fa-cloud-upload-alt:before{content:""!important}.fa-redo:before{content:""!important}.fa-crosshairs:before{content:""!important}.fa-palette:before{content:""!important}.fa-file-export:before{content:""!important}.fa-file-import:before{content:""!important}.fa-envelope:before{content:""!important}.fas:before,.far:before,.fa-solid:before,.fa-regular:before{width:1.1em;height:1.1em;-webkit-mask:var(--app-icon,var(--app-icon-default)) center / contain no-repeat;-webkit-mask:var(--app-icon,var(--app-icon-default)) center / contain no-repeat;mask:var(--app-icon,var(--app-icon-default)) center / contain no-repeat;vertical-align:-.16em;background:currentColor;flex:none;display:inline-block;content:""!important}.fas,.far,.fa-solid,.fa-regular{--app-icon-default:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-1.5 6a1.5 1.5 0 0 0 0 3h3a1.5 1.5 0 0 0 0-3h-3Z'/%3E%3C/svg%3E");justify-content:center;align-items:center;line-height:1;display:inline-flex}.fa-spin:before{animation:1s linear infinite spin}.fa-tachometer-alt,.fa-view-dashboard{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 4a10 10 0 0 0-10 10c0 2.3.8 4.5 2.2 6.2.4.5 1 .8 1.7.8h12.2c.7 0 1.3-.3 1.7-.8A9.9 9.9 0 0 0 22 14 10 10 0 0 0 12 4Zm0 3a1.4 1.4 0 1 1 0 2.8A1.4 1.4 0 0 1 12 7Zm-5 7a1.4 1.4 0 1 1 0-2.8A1.4 1.4 0 0 1 7 14Zm8.8-4.8-2.6 6.2a2.1 2.1 0 1 1-2.1-.9l4.7-5.3ZM17 14a1.4 1.4 0 1 1 0-2.8A1.4 1.4 0 0 1 17 14Z'/%3E%3C/svg%3E")}.fa-comments,.fa-comment-dots{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M6 4h12a4 4 0 0 1 4 4v5a4 4 0 0 1-4 4h-5.4l-5 3.3c-.7.5-1.6 0-1.6-.9V17a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4Zm2 5a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm0 4a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H8Z'/%3E%3C/svg%3E")}.fa-users,.fa-user-group{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M8.5 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm7-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 19.5C2 16 4.9 13 8.5 13S15 16 15 19.5c0 .8-.7 1.5-1.5 1.5h-10C2.7 21 2 20.3 2 19.5Zm13.7 1.5h4.8c.8 0 1.5-.7 1.5-1.5 0-3-2.2-5.5-5.1-6.2a7.3 7.3 0 0 1-1.2 7.7Z'/%3E%3C/svg%3E")}.fa-user,.fa-user-check{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-4.4 0-8 2.7-8 6 0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2 0-3.3-3.6-6-8-6Z'/%3E%3C/svg%3E")}.fa-tags{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 4.5C3 3.7 3.7 3 4.5 3h7.8c.5 0 1 .2 1.4.6l6.8 6.8a2 2 0 0 1 0 2.8l-7.3 7.3a2 2 0 0 1-2.8 0L3.6 13.7c-.4-.4-.6-.9-.6-1.4V4.5ZM7 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E")}.fa-paw{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M6 11a2.4 2.4 0 1 0 0-4.8A2.4 2.4 0 0 0 6 11Zm4.3-2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm3.4 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM18 11a2.4 2.4 0 1 0 0-4.8A2.4 2.4 0 0 0 18 11Zm-6 1.2c-3 0-5.6 2.7-5.6 6 0 2.5 1.8 3.8 3.8 2.9a4.5 4.5 0 0 1 3.6 0c2 .9 3.8-.4 3.8-2.9 0-3.3-2.6-6-5.6-6Z'/%3E%3C/svg%3E")}.fa-clipboard-list,.fa-list-check{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M9 2h6a2 2 0 0 1 2 2h1.5A2.5 2.5 0 0 1 21 6.5v13A2.5 2.5 0 0 1 18.5 22h-13A2.5 2.5 0 0 1 3 19.5v-13A2.5 2.5 0 0 1 5.5 4H7a2 2 0 0 1 2-2Zm0 2v2h6V4H9Zm-.8 7a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Zm3.8-2a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Zm-3.8 7a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Zm3.8-2a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z'/%3E%3C/svg%3E")}.fa-file-alt,.fa-file-lines{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2Zm7 1.5V9h5.5L13 3.5ZM8 13a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm0 4a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H8Z'/%3E%3C/svg%3E")}.fa-check-circle,.fa-circle-check{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20Zm-1.1-6.2 6-6a1.2 1.2 0 0 0-1.7-1.7l-4.3 4.3-2.1-2.1a1.2 1.2 0 0 0-1.7 1.7l3 3.8c.2.2.5.3.8.3Z'/%3E%3C/svg%3E")}.fa-address-book{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 2h11a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3Zm-4 5h2v3H3V7Zm0 5h2v3H3v-3Zm0 5h2v3H3v-3Zm9-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5 7h10c0-2.8-2.2-5-5-5s-5 2.2-5 5Z'/%3E%3C/svg%3E")}.fa-chart-line,.fa-chart-bar,.fa-chart-area,.fa-chart-pie{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 3a1 1 0 0 1 1 1v15h15a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm15.7 5.3a1 1 0 0 1 0 1.4l-5.5 5.5a1 1 0 0 1-1.4 0L10 12.4l-3.3 3.3a1 1 0 1 1-1.4-1.4l4-4a1 1 0 0 1 1.4 0l2.8 2.8 4.8-4.8a1 1 0 0 1 1.4 0Z'/%3E%3C/svg%3E")}.fa-history,.fa-undo,.fa-rotate-left,.fa-redo{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 4a8 8 0 1 1-7.1 4.3H8a1 1 0 0 0 0-2H3a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-2a10 10 0 1 0 2.2-4.9A8 8 0 0 1 12 4Zm0 3a1 1 0 0 0-1 1v4c0 .3.1.6.4.8l3 2a1 1 0 0 0 1.2-1.6L13 11.5V8a1 1 0 0 0-1-1Z'/%3E%3C/svg%3E")}.fa-calendar-check,.fa-calendar-alt,.fa-calendar-days{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm13 8H4v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-9Zm-4.3 3.3a1 1 0 0 1 0 1.4l-3.8 3.8a1 1 0 0 1-1.4 0l-2.2-2.2a1 1 0 1 1 1.4-1.4l1.5 1.5 3.1-3.1a1 1 0 0 1 1.4 0Z'/%3E%3C/svg%3E")}.fa-bell{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 22a3 3 0 0 0 3-3H9a3 3 0 0 0 3 3Zm7-6v-5a7 7 0 0 0-5-6.7V4a2 2 0 1 0-4 0v.3A7 7 0 0 0 5 11v5l-1.5 1.5A1 1 0 0 0 4.2 19h15.6a1 1 0 0 0 .7-1.7L19 16Z'/%3E%3C/svg%3E")}.fa-cog,.fa-gear,.fa-sliders-h{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M10.4 2h3.2l.6 2.4c.6.2 1.2.4 1.7.7L18 3.8l2.2 2.2-1.3 2.1c.3.5.5 1.1.7 1.7l2.4.6v3.2l-2.4.6c-.2.6-.4 1.2-.7 1.7l1.3 2.1-2.2 2.2-2.1-1.3c-.5.3-1.1.5-1.7.7l-.6 2.4h-3.2l-.6-2.4c-.6-.2-1.2-.4-1.7-.7L6 20.2 3.8 18l1.3-2.1c-.3-.5-.5-1.1-.7-1.7L2 13.6v-3.2l2.4-.6c.2-.6.4-1.2.7-1.7L3.8 6 6 3.8l2.1 1.3c.5-.3 1.1-.5 1.7-.7L10.4 2ZM12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z'/%3E%3C/svg%3E")}.fa-bars{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 6.5A1.5 1.5 0 0 1 5.5 5h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 6.5Zm0 5.5a1.5 1.5 0 0 1 1.5-1.5h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 12Zm0 5.5A1.5 1.5 0 0 1 5.5 16h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 17.5Z'/%3E%3C/svg%3E")}.fa-search{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M10 3a7 7 0 1 0 4.2 12.6l4.1 4.1a1 1 0 0 0 1.4-1.4l-4.1-4.1A7 7 0 0 0 10 3Zm0 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z'/%3E%3C/svg%3E")}.fa-pen,.fa-edit{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M16.9 3.4a2.5 2.5 0 0 1 3.5 3.5L8.7 18.6 4 20l1.4-4.7L16.9 3.4Zm-1.4 3L17.6 8 19 6.6 17.4 5l-1.9 1.4Z'/%3E%3C/svg%3E")}.fa-trash,.fa-trash-alt{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M9 3h6l1 2h4a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2h4l1-2Zm-3 6h12l-.8 11.2A2 2 0 0 1 15.2 22H8.8a2 2 0 0 1-2-1.8L6 9Zm4 3a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-5a1 1 0 0 0-1-1Zm4 0a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-5a1 1 0 0 0-1-1Z'/%3E%3C/svg%3E")}.fa-plus{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M11 4a1 1 0 0 1 2 0v7h7a1 1 0 1 1 0 2h-7v7a1 1 0 1 1-2 0v-7H4a1 1 0 1 1 0-2h7V4Z'/%3E%3C/svg%3E")}.fa-times,.fa-xmark{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M6.3 4.9 12 10.6l5.7-5.7a1 1 0 1 1 1.4 1.4L13.4 12l5.7 5.7a1 1 0 0 1-1.4 1.4L12 13.4l-5.7 5.7a1 1 0 0 1-1.4-1.4l5.7-5.7-5.7-5.7a1 1 0 1 1 1.4-1.4Z'/%3E%3C/svg%3E")}.fa-check{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M9.2 16.6 4.9 12.3a1.4 1.4 0 0 1 2-2l3.3 3.3 7-7a1.4 1.4 0 0 1 2 2l-8 8a1.4 1.4 0 0 1-2 0Z'/%3E%3C/svg%3E")}.fa-heart{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 21s-8-4.8-10-10.4C.6 6.6 3.4 3 7.4 3A5 5 0 0 1 12 5.8 5 5 0 0 1 16.6 3c4 0 6.8 3.6 5.4 7.6C20 16.2 12 21 12 21Z'/%3E%3C/svg%3E")}.fa-star{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='m12 2.5 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5-4.7-4.6 6.5-.9L12 2.5Z'/%3E%3C/svg%3E")}.fa-paper-plane,.fa-location-arrow{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M21.6 2.4a1.4 1.4 0 0 0-1.5-.3L3.2 9a1.4 1.4 0 0 0 .1 2.6l6.2 2.1 2.1 6.2a1.4 1.4 0 0 0 2.6.1l6.9-16.9a1.4 1.4 0 0 0-.3-.7ZM11 13l6-6-4 9-1.3-3.7L8 11l9-4-6 6Z'/%3E%3C/svg%3E")}.fa-sign-out-alt{--app-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 3h8a2 2 0 0 1 2 2v3a1 1 0 1 1-2 0V5H4v14h8v-3a1 1 0 1 1 2 0v3a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2Zm12.3 5.3a1 1 0 0 1 1.4 0l3 3a1 1 0 0 1 0 1.4l-3 3a1 1 0 0 1-1.4-1.4L17.6 13H9a1 1 0 1 1 0-2h8.6l-1.3-1.3a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E")}.fa-upload,.fa-cloud-upload-alt,.fa-file-export,.fa-file-import,.fa-image,.fa-save,.fa-eye,.fa-envelope,.fa-share-alt,.fa-info-circle,.fa-exclamation-circle,.fa-spinner,.fa-inbox,.fa-clock,.fa-crosshairs,.fa-palette,.fa-reply{--app-icon:var(--app-icon-default)}.sidebar .nav-item{gap:12px!important}.sidebar .nav-fa-icon{color:#64748b;background:#f1f5f9;border-radius:10px;transition:all .2s;width:28px!important;min-width:28px!important;height:28px!important}.sidebar .nav-fa-icon:before{width:15px!important;height:15px!important}.sidebar .nav-item:hover .nav-fa-icon{color:#0ea5e9;background:#e0f2fe}.sidebar .nav-item.active .nav-fa-icon{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 8px 18px #3b82f638;color:#fff!important}.topbar-btn .fas:before,.topbar-toggle .fas:before{width:17px!important;height:17px!important}.page-title i:before,.page-header i:before,.content-header i:before,.questionnaire-hero h1 i:before{width:22px!important;height:22px!important}.restore-page .action-buttons{align-items:center!important;gap:8px!important}.restore-page .action-buttons .primary-link,.restore-page .action-buttons .danger-link{min-height:36px;box-shadow:none;border-radius:10px;gap:6px;padding:8px 12px;font-size:10px;font-weight:800;line-height:1}.restore-page .action-buttons .primary-link i:before,.restore-page .action-buttons .danger-link i:before{width:13px!important;height:13px!important}.restore-page .restore-danger-btn{border-radius:13px;min-height:40px;padding:0 14px;font-size:10px}.staff-chat-customer-avatar,.staff-chat-header-avatar{background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;flex-shrink:0;overflow:hidden}.staff-chat-customer-avatar{width:42px;height:42px}.staff-chat-header-avatar{width:44px;height:44px}.staff-chat-customer-avatar img,.staff-chat-customer-avatar video,.staff-chat-header-avatar img,.staff-chat-header-avatar video{object-fit:cover;width:100%;height:100%}.access-page{gap:10px;display:grid}.access-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.access-stat-card{background:#fffffffa;border:1px solid #e6eaf1;border-radius:10px;align-content:space-between;min-height:70px;padding:10px 12px;display:grid;box-shadow:0 6px 14px #0f172a0d}.access-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:10px;font-weight:900}.access-stat-value{letter-spacing:-.05em;color:#0f172a;font-size:21px;font-weight:900;line-height:1}.access-stat-user{font-size:17px}.access-checklist-card{border-radius:14px;overflow:hidden}.access-checklist-header{border-bottom:1px solid #edf2f7;padding:12px 16px}.access-title{gap:8px;font-size:13px}.access-title-icon{color:#2563eb;background:#dbeafe;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.access-subtitle{color:#94a3b8;margin:5px 0 0;font-size:11px}.access-card-body{padding:0}.access-table-wrap{max-height:500px;overflow:auto}.access-table{border-collapse:separate;border-spacing:0;width:100%}.access-table thead th{z-index:2;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(#f8fafc 0% 100%);border-bottom:1px solid #edf2f7;padding:12px;font-size:11px;font-weight:900;position:sticky;top:0}.access-col-permission{text-align:left;min-width:240px;padding-left:14px!important}.access-col-role{text-align:center;min-width:92px}.access-role-dot{vertical-align:middle;background:#2563eb;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #2563eb29}.access-table tbody tr{transition:background .2s}.access-table tbody tr:hover{background:#eff6ff}.access-row-active{background:#dbeafe}.access-table tbody td{vertical-align:middle;border-bottom:1px solid #eef2f7;padding:12px}.access-permission-cell{display:block;padding-left:14px!important}.access-permission-name{color:#0f172a;font-size:13px;font-weight:800;line-height:1.25}.access-permission-key{display:none}.access-toggle-cell{text-align:center}.access-check{cursor:pointer;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:relative}.access-check input{opacity:0;pointer-events:none;position:absolute;inset:0}.access-check-box{background:#fff;border:2px solid #d7dee8;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.access-check-box:after{content:"✓";color:#fff;opacity:0;font-size:9px;font-weight:900;transition:all .2s;transform:scale(.85)}.access-check input:checked+.access-check-box{background:#2563eb;border-color:#60a5fa;box-shadow:0 8px 16px #2563eb38}.access-check input:checked+.access-check-box:after{opacity:1;transform:scale(1)}.access-check:hover .access-check-box{border-color:#60a5fa}.access-card-footer{background:linear-gradient(#fff,#eff6ffeb);border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:16px 16px 14px;display:flex}.access-footer-note{color:#94a3b8;align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.access-footer-dot{background:#2563eb;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2563eb29}.access-save-btn{background:#60a5fa;border-color:#60a5fa;border-radius:10px;min-height:34px;padding:0 12px;box-shadow:0 10px 20px #60a5fa2e}.access-save-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;box-shadow:0 12px 22px #3b82f63d}.access-loading{gap:16px;padding:14px;display:grid}.access-loading-line,.access-loading-table span{background:linear-gradient(90deg,#e2e8f0 0%,#f8fafc 50%,#e2e8f0 100%) 0 0/200% 100%;border-radius:999px;animation:1.4s infinite access-shimmer;display:block}.access-loading-line{width:min(480px,100%);height:12px}.access-loading-table{gap:12px;display:grid}.access-loading-table span{border-radius:12px;height:42px}@keyframes access-shimmer{0%{background-position:0%}to{background-position:200%}}@media (width<=1200px){.access-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.access-stats-grid{grid-template-columns:1fr}.access-card-footer{flex-direction:column;align-items:stretch}.access-save-btn{width:100%}.access-col-permission{min-width:220px;padding-left:16px!important}.access-permission-cell{padding-left:16px!important}.access-table thead th,.access-table tbody td{padding-left:12px;padding-right:12px}}.permission-page{gap:20px;display:grid}.permission-hero{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#eff6fff5,#fffffffa),linear-gradient(135deg,#0ea5e90d,#6366f10a);border:1px solid #3b82f624;justify-content:space-between;align-items:flex-end;gap:18px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.permission-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61f,#3b82f600 68%);border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -70px -100px auto}.permission-hero-copy{z-index:1;min-width:0;position:relative}.permission-hero-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dark);margin-bottom:8px;font-size:10px;font-weight:900}.permission-hero-title{letter-spacing:-.04em;color:var(--fg);margin:0;font-size:30px;font-weight:900;line-height:1.08}.permission-hero-desc{max-width:720px;color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.65}.permission-hero-actions{z-index:1;flex-wrap:wrap;justify-content:flex-end;align-items:stretch;gap:8px;display:flex;position:relative}.permission-role-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.permission-role-badge{border:1px solid var(--border);color:var(--fg-secondary);background:#ffffffd6;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;box-shadow:0 6px 16px #0f172a08}.permission-metric{border:1px solid var(--border);background:#ffffffe6;border-radius:14px;gap:4px;min-width:116px;padding:10px 12px;display:grid;box-shadow:0 8px 20px #0f172a0a}.permission-metric-value{letter-spacing:-.04em;color:var(--fg);font-size:20px;font-weight:900}.permission-metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.permission-save-btn{border-radius:14px;align-self:stretch;gap:8px;min-height:48px;padding:0 14px}.permission-section-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start;gap:16px;display:grid}.permission-group-card{border-radius:12px;flex-direction:column;height:100%;display:flex}.permission-group-card .section-card-body{flex:1}.permission-group-header{align-items:flex-start}.permission-group-desc{color:var(--muted);max-width:700px;margin:6px 0 0;font-size:10px;line-height:1.5}.permission-group-chip{background:var(--accent-light);min-height:34px;color:var(--accent-dark);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:10px;font-weight:900;display:inline-flex}.permission-table-wrapper{overflow-x:auto}.permission-table{border-collapse:collapse;width:100%}.permission-table thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;z-index:2;padding:14px 20px;font-size:10px;font-weight:900;position:sticky;top:0}.permission-table tbody tr{transition:background .2s}.permission-table tbody tr:hover{background:#f8fbff}.permission-table tbody td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:16px 20px}.permission-table tbody tr:nth-child(2n){background:#fafcff}.permission-table tbody tr:last-child td{border-bottom:none}.permission-name{gap:4px;min-width:240px;display:grid}.permission-name-text{color:var(--fg);font-size:13px;font-weight:800}.permission-name-key{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.permission-cell{text-align:center}.permission-toggle{cursor:pointer;justify-content:center;align-items:center;width:48px;height:24px;display:inline-flex;position:relative}.permission-toggle input{opacity:0;pointer-events:none;position:absolute}.permission-toggle-track{background:#dbeafe;border:1px solid #bfdbfe;border-radius:999px;align-items:center;width:100%;height:100%;padding:3px;transition:all .2s;display:flex;box-shadow:inset 0 0 0 1px #ffffff80}.permission-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s,background .2s;transform:translate(0);box-shadow:0 5px 12px #0f172a26}.permission-toggle input:checked+.permission-toggle-track{background:linear-gradient(135deg,#22c55e,#10b981);border-color:#10b981}.permission-toggle input:checked+.permission-toggle-track .permission-toggle-thumb{transform:translate(20px)}.permission-toggle:hover .permission-toggle-track{border-color:#93c5fd;box-shadow:0 10px 20px #3b82f614}.permission-toggle:focus-within .permission-toggle-track{box-shadow:0 0 0 4px #3b82f624}.permission-loading-card{min-height:260px}.permission-loading-body{gap:16px;padding:20px 22px;display:grid}.permission-skeleton-line,.permission-skeleton-table span{background:linear-gradient(90deg,#e2e8f0 0%,#f8fafc 50%,#e2e8f0 100%) 0 0/200% 100%;border-radius:10px;animation:1.4s infinite permission-shimmer;display:block}.permission-skeleton-line{width:min(520px,100%);height:18px}.permission-skeleton-table{gap:12px;display:grid}.permission-skeleton-table span{height:54px}@keyframes permission-shimmer{0%{background-position:0%}to{background-position:200%}}.permission-empty-card{padding-bottom:8px}.notif-menu-head-copy{gap:2px;display:grid}.notif-mark-read{border:1px solid var(--border);background:var(--white);color:var(--fg-secondary);transition:all var(--transition);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.notif-mark-read:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark);background:var(--accent-light)}.notif-mark-read:disabled{opacity:.45;cursor:not-allowed}.notif-item.unread{background:#eff6ff;border:1px solid #dbeafe;box-shadow:inset 3px 0 #3b82f6}.notif-item.unread .notif-item-icon{color:#2563eb;background:#dbeafe}.notif-item-time{color:#94a3b8;font-size:10px;font-weight:700}.notif-item.unread .notif-item-time{color:#64748b}.toast{z-index:300;border:1px solid var(--border);opacity:0;background:#fffffffa;border-radius:12px;align-items:center;gap:12px;min-width:280px;max-width:min(420px,100vw - 32px);padding:14px 16px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(14px);box-shadow:0 24px 60px #0f172a2e}.toast.show{opacity:1;transform:translateY(0)}.toast-success{border-color:#22c55e2e}.toast-error{border-color:#ef44442e}.toast-icon{background:var(--accent-light);width:36px;height:36px;color:var(--accent-dark);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toast-success .toast-icon{color:#059669;background:#ecfdf5}.toast-error .toast-icon{color:#dc2626;background:#fef2f2}.toast-texts{flex:1;gap:2px;min-width:0;display:grid}.toast-title{color:var(--fg);margin:0;font-size:13px;font-weight:900}.toast-message{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.toast-close{border:1px solid var(--border);background:var(--white);width:30px;height:30px;color:var(--fg-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.toast-close:hover{background:var(--bg);color:var(--fg)}.staff-chat-page{box-sizing:border-box;width:100%;max-width:1300px;margin:0 auto;padding:18px 20px 24px}.staff-chat-hero{margin-bottom:14px}.staff-chat-shell{background:#fff;border:1px solid #e8ecf1;border-radius:22px;grid-template-columns:minmax(260px,300px) minmax(0,1fr);height:calc(100dvh - 240px);min-height:calc(100dvh - 240px);max-height:760px;display:grid;overflow:hidden;box-shadow:0 10px 40px #0000000a}.staff-chat-list{background:#fafbff;border-right:1px solid #f1f5f9;flex-direction:column;min-height:0;display:flex}.staff-chat-list-head{color:#0f172a;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:800;display:flex}.staff-chat-count{color:#64748b;background:#e2e8f0;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.staff-chat-list-scroll{flex:1;min-height:0;overflow-y:auto}.staff-chat-list-item{cursor:pointer;background:0 0;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.staff-chat-list-item.active{background:#eff6ff;border-left:4px solid #0ea5e9;padding-left:12px}.staff-chat-list-copy{flex:1;min-width:0}.staff-chat-list-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px;display:flex}.staff-chat-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.staff-chat-preview{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.staff-chat-unread{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px}.staff-chat-list-empty{text-align:center;color:#94a3b8;padding:24px 16px;font-size:13px}.staff-chat-conversation{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.staff-chat-conv-head{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.staff-chat-conv-person{align-items:center;gap:14px;min-width:0;display:flex}.staff-chat-title{color:#0f172a;margin:0;font-size:15px;font-weight:900;line-height:1.2}.staff-chat-email{color:#64748b;flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:inline-flex}.staff-chat-role-pill{color:#475569;background:#f1f5f9;border-radius:999px;flex-shrink:0;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.staff-chat-messages{background:#f8fafc;flex:1;min-height:0;padding:18px;overflow-y:auto}.staff-chat-topic{opacity:.85;background:#fff3;border-radius:6px;margin-bottom:4px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-block}.staff-chat-input{background:#fff;border-top:1px solid #f1f5f9;flex:none}.staff-chat-input .ig-input-bar{border-top:0;padding:12px 14px}.staff-chat-input .ig-input{height:40px;font-size:13px}.staff-chat-input .ig-send{width:40px;height:40px}.staff-chat-empty{min-height:320px}@media (width<=1024px){.permission-section-grid{grid-template-columns:1fr}.staff-chat-shell{grid-template-columns:minmax(240px,280px) minmax(0,1fr);height:calc(100dvh - 220px);min-height:calc(100dvh - 220px)}}@media (width<=768px){.permission-hero{align-items:stretch;padding:18px}.permission-hero-actions{justify-content:flex-start}.permission-metric{flex:120px}.permission-save-btn{width:100%}.permission-table thead th,.permission-table tbody td{padding-left:14px;padding-right:14px}.permission-name{min-width:200px}.staff-chat-page{padding:16px 14px 20px}.staff-chat-shell{grid-template-columns:1fr;height:auto;min-height:620px}.staff-chat-list{border-bottom:1px solid #f1f5f9;border-right:0;max-height:280px}.staff-chat-conversation{min-height:360px}}.crop-modal{padding:18px}.crop-modal-body{flex-direction:column;gap:16px;width:min(96vw,1120px);max-height:90vh;display:flex;overflow:hidden}.crop-stage-shell{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.crop-image-wrap{aspect-ratio:1;width:100%;min-height:520px}.crop-controls{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;gap:14px;min-height:520px;padding:18px 16px;display:flex}.crop-action-buttons{flex-flow:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@media (width<=900px){.crop-stage-shell{grid-template-columns:1fr}.crop-controls{min-height:auto}.crop-image-wrap{min-height:360px}.crop-action-buttons{justify-content:stretch}.crop-action-buttons button{flex:1 1 0}}.animal-crop-modal{border-radius:14px;flex-direction:column;gap:0;width:min(92vw,560px);max-height:min(92vh,720px);padding:0;display:flex;overflow:auto}.animal-crop-stage{background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:14px;padding:22px 28px 24px;display:flex}.animal-crop-wrap{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;width:min(100%,360px);min-height:0;display:block;position:relative;overflow:hidden}.animal-crop-wrap img{object-fit:fill;transform-origin:0 0;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:auto;backface-visibility:hidden;max-width:none;position:absolute;top:0;left:0}.animal-crop-box{aspect-ratio:1;border:2px dashed #fffffff2;border-radius:12px;width:100%;box-shadow:0 0 0 9999px #0f172a2e}.animal-crop-controls{background:0 0;border:0;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(100%,360px);max-width:360px;min-height:auto;margin:0;padding:0;display:grid}.animal-crop-controls label{color:#64748b;font-size:13px;line-height:1}.animal-crop-controls input[type=range]{width:100%;accent-color:var(--accent)}.animal-crop-modal .crop-modal-head{align-items:flex-start;margin:0;padding:20px 24px 16px}.animal-crop-modal .crop-modal-head h3{font-size:18px;line-height:1.25}.animal-crop-modal .crop-modal-head p{margin-top:6px;font-size:13px;line-height:1.35}.animal-crop-modal .crop-close{color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:0 0 42px;width:42px;height:42px}.animal-crop-modal .crop-action-buttons{justify-content:flex-end;gap:10px;margin:0;padding:16px 24px}.animal-crop-modal .crop-action-buttons button,.animal-crop-modal .crop-action-buttons .primary-link,.animal-crop-modal .crop-action-buttons .danger-link{border-radius:10px;min-height:40px;padding:0 18px;font-size:13px}@media (width<=760px){.animal-crop-stage{padding:18px 16px 20px}.animal-crop-modal .crop-modal-head,.animal-crop-modal .crop-action-buttons{padding-left:16px;padding-right:16px}.animal-crop-modal .crop-action-buttons{justify-content:stretch}.animal-crop-modal .crop-action-buttons button,.animal-crop-modal .crop-action-buttons .primary-link,.animal-crop-modal .crop-action-buttons .danger-link{flex:1 1 0}}