@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base:#09090c;--bg-surface:#111116;--bg-card:#16161f;--bg-hover:#20202b;--bg-input:#121218;--gold:#d4af37;--gold-light:#f5e4a8;--gold-hover:#e5c158;--gold-dim:#d4af3724;--gold-border:#d4af3752;--gold-gradient:linear-gradient(135deg, #dfbc69 0%, #c4992f 100%);--gold-rgb:212, 175, 55;--text-primary:#f8f7f4;--text-secondary:#a5a29c;--text-muted:#6e6a64;--danger:#eb4d4b;--danger-dim:#eb4d4b26;--success:#2ecc71;--success-dim:#2ecc7126;--warning:#f39c12;--warning-dim:#f39c1226;--info:#3498db;--info-dim:#3498db26;--border:#ffffff14;--border-strong:#ffffff29;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:22px;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 20px #0000008c;--shadow-lg:0 8px 40px #000000bf;--shadow-gold:0 0 30px #d4af3733;--sidebar-w:260px;--sidebar-collapsed-w:68px;--sidebar-w-collapsed:68px;--topbar-h:64px;--font-sans:"Inter", "Cairo", sans-serif;--font-ar:"Cairo", "Inter", sans-serif;--transition:.2s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{max-width:100vw;height:100%;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;max-width:100vw;min-height:100%;overflow-x:hidden}#root{flex-direction:column;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--gold-border)}.app-layout{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.app-main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;max-width:100%;min-height:100vh;transition:margin-left .25s cubic-bezier(.16,1,.3,1);display:flex;overflow-x:hidden}.app-layout.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed-w)!important}.page-content{box-sizing:border-box;flex:1;min-width:0;max-width:100%;padding:28px 32px;overflow-x:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);z-index:100;box-sizing:border-box;flex-direction:column;height:100vh;max-height:100vh;transition:width .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:4px 0 24px #0006}.sidebar-logo{height:var(--topbar-h);min-height:var(--topbar-h);max-height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--bg-surface);box-sizing:border-box;z-index:10;flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0}.sidebar-logo-icon{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:var(--radius);width:38px;height:38px;color:var(--gold);transition:transform var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{flex:1;min-width:0;overflow:hidden}.sidebar-logo-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:13.5px;font-weight:700;line-height:1.25;overflow:hidden}.sidebar-logo-sub{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;font-weight:500;overflow:hidden}.sidebar-close-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);transition:all var(--transition);cursor:pointer;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;display:none}.sidebar-close-btn:hover,.sidebar-close-btn:active{background:var(--gold-dim);border-color:var(--gold-border);color:var(--gold-light);transform:scale(1.05)}.sidebar-backdrop{-webkit-backdrop-filter:blur(8px);z-index:150;background:#000000b8;animation:.2s fadeIn;position:fixed;inset:0}.sidebar-nav{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;flex:1;height:0;min-height:0;padding:12px 10px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--gold-border)}.sidebar-section{margin-bottom:8px}.sidebar-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:12px 10px 6px;font-size:10px;font-weight:700;overflow:hidden}.sidebar-section-divider{background:var(--border);height:1px;margin:8px 10px}.nav-item{border-radius:var(--radius);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #0000;align-items:center;gap:11px;margin-bottom:2px;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#ffffff0d}.nav-item.active{background:var(--gold-dim);color:var(--gold-light);border-color:var(--gold-border);font-weight:600;box-shadow:inset 0 0 12px #d4af3714}.nav-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.nav-item .nav-icon{opacity:.72;width:18px;height:18px;transition:opacity var(--transition);flex-shrink:0}.nav-item:hover .nav-icon{opacity:1}.nav-item.active .nav-icon{opacity:1;color:var(--gold)}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item .nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:99px;min-width:18px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700;line-height:1.4;box-shadow:0 0 8px #eb4d4b80}.nav-badge-dot{background:var(--danger);border:1.5px solid var(--bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #eb4d4bcc}.sidebar-footer{border-top:1px solid var(--border);background:var(--bg-surface);z-index:10;box-sizing:border-box;flex-shrink:0;align-items:center;gap:8px;padding:12px 10px 14px;display:flex;position:sticky;bottom:0}.sidebar-user{border-radius:var(--radius);min-width:0;transition:all var(--transition);background:#ffffff05;border:1px solid #0000;flex:1;align-items:center;gap:10px;padding:6px 8px;display:flex}.sidebar-user:hover{background:var(--bg-hover);border-color:var(--border)}.sidebar-avatar{background:var(--gold-dim);border:1px solid var(--gold-border);width:34px;height:34px;color:var(--gold);transition:transform var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;font-weight:500}.logout-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.logout-btn:hover{color:var(--danger)!important;background:var(--danger-dim)!important;border-color:#eb4d4b4d!important}.sidebar.collapsed{width:var(--sidebar-collapsed-w)!important}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:0}.sidebar.collapsed .sidebar-logo-icon{margin:0 auto}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .nav-label{display:none!important}.sidebar.collapsed .sidebar-nav{padding:10px 8px}.sidebar.collapsed .sidebar-section{margin-bottom:4px}.sidebar.collapsed .sidebar-section-divider{margin:8px}.sidebar.collapsed .nav-item{border-radius:var(--radius);justify-content:center;width:100%;height:42px;margin:0 0 4px;padding:0}.sidebar.collapsed .nav-item .nav-icon{margin:0}.sidebar.collapsed .sidebar-footer{flex-direction:column;align-items:center;gap:8px;padding:10px 6px 12px}.sidebar.collapsed .sidebar-user{background:0 0;border-color:#0000;flex:none;justify-content:center;width:100%;padding:2px 0}.sidebar.collapsed .sidebar-user:hover{background:0 0}.sidebar.collapsed .sidebar-avatar{margin:0 auto}.sidebar.collapsed .logout-btn{border-radius:var(--radius-sm);background:#ffffff08;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto;display:flex!important}.desktop-collapse-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border);transition:all var(--transition);cursor:pointer;background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.desktop-collapse-btn:hover{background:var(--gold-dim);border-color:var(--gold-border);color:var(--gold-light);transform:scale(1.05)}.topbar{height:var(--topbar-h);min-height:var(--topbar-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);z-index:50;transition:all var(--transition);background:#16161aeb;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-header-info{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-breadcrumbs{color:var(--text-muted);white-space:nowrap;scrollbar-width:none;align-items:center;gap:5px;font-size:11px;display:flex;overflow-x:auto}.topbar-breadcrumbs::-webkit-scrollbar{display:none}.breadcrumb-item{color:var(--text-secondary);transition:color var(--transition);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.breadcrumb-item:hover{color:var(--gold-light)}.breadcrumb-home{color:var(--text-muted)}.breadcrumb-segment{align-items:center;gap:5px;display:inline-flex}.breadcrumb-sep{color:var(--border-strong);flex-shrink:0}.breadcrumb-muted{color:var(--text-muted)}.breadcrumb-current{color:var(--gold);font-weight:600}.topbar-title-row{align-items:baseline;gap:10px;min-width:0;display:flex}.topbar-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:700;line-height:1.25;overflow:hidden}.topbar-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-preview-btn{border:1px solid var(--border-strong);color:var(--text-secondary);transition:all var(--transition);background:#ffffff08;gap:6px}.topbar-preview-btn:hover{border-color:var(--gold-border);color:var(--gold-light);background:var(--gold-dim)}.nav-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.nav-badge-dot{background:var(--danger);border:2px solid var(--bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-3px}.btn{border-radius:var(--radius);transition:all var(--transition);white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn-sm{padding:5px 11px;font-size:12.5px}.btn-lg{padding:11px 22px;font-size:15px}.btn-icon{border-radius:var(--radius);padding:8px}.btn-icon.btn-sm{padding:5px}.btn-primary{background:var(--gold-gradient);color:#09090c;border-color:#d4af37;font-weight:700;box-shadow:0 2px 10px #d4af3738}.btn-primary:hover{background:linear-gradient(135deg,#eed387 0%,#cca034 100%);border-color:#fceec2;transform:translateY(-1px);box-shadow:0 4px 18px #d4af3761}.btn-secondary{color:#f8f7f4;-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff24;font-weight:600}.btn-secondary:hover{color:#fff;border-color:var(--gold-border);background:#ffffff1f;transform:translateY(-1px);box-shadow:0 4px 14px #00000059}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--danger-dim);color:var(--danger);border-color:#eb4d4b4d}.btn-danger:hover{background:var(--danger);color:#fff}.btn-success{background:var(--success-dim);color:var(--success);border-color:#2ecc714d}.btn-success:hover{background:var(--success);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;min-width:0;max-width:100%;padding:24px}.card-sm{padding:16px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-title{color:var(--text-primary);font-size:15px;font-weight:700}.card-sub{color:var(--text-secondary);margin-top:2px;font-size:13px}.dash-quick-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:12px;margin-bottom:20px;padding:8px 14px;display:flex;overflow-x:auto}.dash-quick-bar::-webkit-scrollbar{display:none}.dash-quick-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:700}.dash-quick-links{align-items:center;gap:8px;display:flex}.dash-quick-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;transition:all var(--transition);border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.dash-quick-pill:hover{background:var(--bg-hover);color:var(--gold-light);border-color:var(--gold-border);transform:translateY(-1px)}.dash-quick-pill.highlight{background:var(--danger-dim);color:#ff8585;border-color:#e0525259}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;background:linear-gradient(145deg,#18181f 0%,#121216 100%);flex-direction:column;gap:12px;padding:16px 18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:0;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.stat-card-gold:after{background:linear-gradient(90deg, transparent, var(--gold), transparent)}.stat-card-blue:after{background:linear-gradient(90deg, transparent, var(--info), transparent)}.stat-card-green:after{background:linear-gradient(90deg, transparent, var(--success), transparent)}.stat-card-red:after{background:linear-gradient(90deg, transparent, var(--danger), transparent)}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #00000073}.stat-card:hover:after{opacity:1}.stat-card:active{transform:scale(.98)}.stat-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.stat-icon{border-radius:var(--radius);width:38px;height:38px;transition:transform var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-icon-gold{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-border)}.stat-icon-blue{background:var(--info-dim);color:var(--info);border:1px solid #4a9eff40}.stat-icon-green{background:var(--success-dim);color:var(--success);border:1px solid #4caf7d40}.stat-icon-red{background:var(--danger-dim);color:var(--danger);border:1px solid #e0525240}.stat-arrow-wrap{width:24px;height:24px;color:var(--text-muted);transition:all var(--transition);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;display:flex}.stat-card:hover .stat-arrow-wrap{color:var(--gold);background:var(--gold-dim);transform:translate(2px,-2px)}.stat-badge{background:var(--danger-dim);color:#ff6b6b;border:1px solid #e0525259;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700}.stat-card-content{flex-direction:column;gap:3px;display:flex}.stat-value{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.1}.stat-label{color:var(--text-secondary);font-size:11.5px;font-weight:500}.desktop-only-table{display:block}.mobile-messages-feed{display:none}.mobile-message-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;gap:8px;padding:13px 15px;text-decoration:none;display:flex}.mobile-message-card:hover,.mobile-message-card:active{background:var(--bg-hover);border-color:var(--gold-border)}.mobile-message-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-message-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.mobile-message-subject{color:var(--text-primary);word-break:break-word;font-size:13px;line-height:1.4}.mobile-message-footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:2px;font-size:11px;display:flex}.mobile-message-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-message-date{color:var(--text-secondary);flex-shrink:0}.topbar-mobile-actions-bar{display:none}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}thead tr{background:var(--bg-hover)}th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:13px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#ffffff05}.td-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.badge{letter-spacing:.02em;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-active,.badge-published{color:#2ecc71;background:#2ecc7129;border:1px solid #2ecc714d}.badge-inactive,.badge-archived{color:#ff6b6b;background:#eb4d4b29;border:1px solid #eb4d4b4d}.badge-draft{color:#f39c12;background:#f39c1229;border:1px solid #f39c124d}.badge-new{color:#3498db;background:#3498db29;border:1px solid #3498db4d}.badge-read{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border)}.badge-resolved{color:#2ecc71;background:#2ecc7129;border:1px solid #2ecc714d}.desktop-data-table{width:100%;display:block}.mobile-data-cards{display:none}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);font-size:12.5px;font-weight:600}.form-label span.req{color:var(--danger);margin-left:3px}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:9px 13px;font-size:13.5px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.form-textarea{resize:vertical;min-height:90px}.form-select{appearance:none;cursor:pointer}.form-error{color:var(--danger);font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.2s slideUp;overflow-y:auto}.modal-lg{max-width:720px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:var(--text-primary);font-size:16px;font-weight:700}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.filters-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.search-input-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.search-input-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-input{padding-left:36px!important}.pagination{justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.page-btn{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);transition:all var(--transition);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.page-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.page-btn.active{background:var(--gold-dim);border-color:var(--gold-border);color:var(--gold-light)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-info{color:var(--text-secondary);margin:0 4px;font-size:13px}.toast-container{z-index:999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);min-width:280px;max-width:380px;box-shadow:var(--shadow);pointer-events:all;align-items:flex-start;gap:12px;padding:14px 18px;animation:.2s slideUp;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--info)}.toast-title{color:var(--text-primary);font-size:13.5px;font-weight:700}.toast-msg{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.login-page{background:radial-gradient(ellipse 80% 50% at 50% 0%, #c9a84c14 0%, transparent 70%), var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg), var(--shadow-gold);padding:40px 36px}.login-logo{flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;display:flex}.login-logo-icon{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:var(--radius-lg);width:60px;height:60px;color:var(--gold);justify-content:center;align-items:center;display:flex}.login-title{text-align:center;color:var(--text-primary);font-size:22px;font-weight:800}.login-sub{color:var(--text-secondary);text-align:center;font-size:13px}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state svg{opacity:.3;width:48px;height:48px}.empty-state p{font-size:14px}.spinner{border:2.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.spinner-center{justify-content:center;align-items:center;padding:60px;display:flex}.spinner-lg{border-width:3.5px;width:40px;height:40px}.section-divider{background:var(--border);height:1px;margin:24px 0}.text-muted{color:var(--text-secondary);font-size:13px}.text-gold{color:var(--gold)}.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.gap-2{gap:8px}.flex{display:flex}.items-center{align-items:center}.flex-1{flex:1}.confirm-icon{background:var(--danger-dim);width:52px;height:52px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.confirm-title{text-align:center;margin-bottom:8px;font-size:17px;font-weight:700}.confirm-msg{text-align:center;color:var(--text-secondary);font-size:13.5px}.mobile-menu-btn,.mobile-only{display:none!important}.desktop-only{display:flex!important}.content-page-grid{grid-template-columns:280px 1fr;align-items:start;gap:20px;display:grid}.content-sidebar-card{top:calc(var(--topbar-h) + 20px);padding:12px;position:sticky}.content-section-item{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:1px solid #0000;flex-direction:column;gap:4px;margin-bottom:4px;padding:10px 12px;display:flex}.content-section-item:hover{background:var(--bg-hover);border-color:var(--border)}.content-section-item.active{background:var(--gold-dim);border-color:var(--gold-border)}.content-section-header{color:var(--text-primary);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.content-section-icon{font-size:16px}.content-section-desc{color:var(--text-muted);margin-right:24px;font-size:11px;line-height:1.4}.content-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cms-group-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;gap:18px;padding:22px;display:flex;position:relative;box-shadow:0 4px 20px #0003}.cms-group-card:hover{border-color:#c9a84c4d}.cms-group-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.cms-group-title-wrap{align-items:center;gap:12px;display:flex}.cms-group-icon-badge{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.cms-group-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:15.5px;font-weight:700;display:flex}.cms-group-desc{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.5}.cms-live-badge{color:#4ade80;white-space:nowrap;background:#22c55e1f;border:1px solid #22c55e40;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.cms-live-badge:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e}.cms-bilingual-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.cms-bilingual-grid{grid-template-columns:1fr}}.cms-field-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.cms-field-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.cms-lang-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.cms-lang-badge.ar{color:var(--gold);background:#c9a84c26;border:1px solid #c9a84c4d}.cms-lang-badge.en{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.cms-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=1100px){.cms-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.cms-stats-grid{grid-template-columns:1fr}}.cms-stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;gap:10px;padding:14px;display:flex;position:relative}.cms-stat-card:hover{border-color:var(--gold-border)}.cms-stat-card-badge{color:var(--gold);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.cms-stat-preview{border-inline-start:3px solid var(--gold);background:#0d0d0fb3;border-radius:6px;align-items:baseline;gap:8px;margin-top:6px;padding:8px 12px;display:flex}.cms-stat-preview-val{color:#fff;letter-spacing:-.5px;font-size:19px;font-weight:900}.cms-stat-preview-lbl{color:var(--text-muted);font-size:11.5px;font-weight:500}.cms-facilities-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=840px){.cms-facilities-grid{grid-template-columns:1fr}}.cms-facility-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;gap:12px;padding:16px;display:flex}.cms-facility-card:hover{border-color:#c9a84c59}.cms-facility-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding-bottom:8px;display:flex}.cms-facility-icon{font-size:18px}.cms-facility-title{color:var(--text-primary);font-size:14px;font-weight:700}.cms-hero-switch{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;gap:6px;padding:5px;display:inline-flex}.cms-hero-switch-btn{cursor:pointer;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.cms-hero-switch-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.cms-hero-switch-btn.active{background:var(--gold);color:#0d0d0f;font-weight:700;box-shadow:0 2px 10px #c9a84c59}.cms-unsaved-badge{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2459;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;animation:2s infinite pulse-glow;display:inline-flex}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.98)}}.cms-dev-drawer{border-radius:var(--radius);background:#00000040;border:1px dashed #ffffff26;margin-top:14px;overflow:hidden}.cms-dev-trigger{width:100%;color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 16px;font-family:inherit;font-size:12.5px;font-weight:600;display:flex}.cms-dev-trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.cms-dev-body{border-top:1px dashed #ffffff1a;flex-direction:column;gap:14px;padding:18px;display:flex}.custom-field-row{align-items:flex-start;gap:8px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cms-banner-preview-card{aspect-ratio:16/9;border:1px solid var(--border);background:#0d0d0f;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006}.cms-banner-preview-bg{object-fit:cover;width:100%;height:100%;display:block}.cms-banner-preview-overlay{background:linear-gradient(#0009 0%,#00000040 50%,#000000e0 100%);flex-direction:column;justify-content:space-between;padding:12px 14px;display:flex;position:absolute;inset:0}.cms-banner-preview-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.5px;background:#000000a6;border:1px solid #fff3;border-radius:4px;align-self:flex-start;padding:3px 8px;font-size:9.5px;font-weight:700}.cms-banner-preview-content{flex-direction:column;gap:2px;display:flex}.cms-banner-preview-title{color:#fff;text-shadow:0 2px 4px #000c;margin:0;font-size:16px;font-weight:900}.cms-banner-preview-subtitle{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:250;background:#000000a6;justify-content:flex-end;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.drawer{background:var(--bg-card);border-left:1px solid var(--border-strong);flex-direction:column;width:100%;max-width:720px;height:100vh;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:-8px 0 32px #00000073}.drawer-xl{max-width:860px}.drawer-header{border-bottom:1px solid var(--border);background:var(--bg-card);z-index:10;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.drawer-title{color:var(--text-primary);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.drawer-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.drawer-body{flex:1;padding:24px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border);background:var(--bg-card);z-index:10;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex;position:sticky;bottom:0}@media (width<=992px){.content-page-grid{grid-template-columns:1fr;gap:16px}.content-sidebar-card{position:static}.content-sidebar-card>div:last-child{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.content-sidebar-card>div:last-child::-webkit-scrollbar{display:none}.content-section-item{flex-shrink:0;min-width:140px;max-width:200px;margin-bottom:0}.content-section-desc{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-right:0;display:-webkit-box;overflow:hidden}}@media (width<=768px){.mobile-menu-btn{display:inline-flex!important}.mobile-only{display:flex!important}.desktop-only,.desktop-collapse-btn{display:none!important}.sidebar{transform:translate(-100%);box-shadow:6px 0 28px #000c,0 0 40px #d4af371f;z-index:200!important;flex-direction:column!important;width:min(300px,84vw)!important;height:100dvh!important;transition:transform .28s cubic-bezier(.16,1,.3,1)!important;display:flex!important;top:0!important;bottom:0!important;left:0!important;overflow:hidden!important}.sidebar.mobile-open{transform:translate(0)!important}.sidebar-logo{padding:max(16px, env(safe-area-inset-top)) 16px 14px!important;background:var(--bg-surface)!important;border-bottom:1px solid var(--border)!important;z-index:20!important;flex-shrink:0!important;position:sticky!important;top:0!important}.sidebar-close-btn{display:flex!important}.sidebar-nav{-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;flex:1!important;min-height:0!important;padding:10px 10px 16px!important;overflow-y:auto!important}.sidebar-nav::-webkit-scrollbar{width:4px!important;display:block!important}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--gold-border)!important;border-radius:99px!important}.nav-item{border-radius:var(--radius)!important;margin-bottom:3px!important;padding:11px 14px!important;font-size:14px!important}.nav-item:active{transform:scale(.98);background:var(--gold-dim)!important}.sidebar-footer{padding:12px 14px max(16px, env(safe-area-inset-bottom))!important;background:var(--bg-surface)!important;border-top:1px solid var(--border)!important;z-index:20!important;flex-shrink:0!important;position:sticky!important;bottom:0!important}.app-main{margin-left:0!important}.topbar{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;height:56px!important;min-height:56px!important;padding:0 12px!important;display:flex!important}.topbar-left{flex:1!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}.topbar-header-info{flex:1!important;min-width:0!important}.topbar-title-row{align-items:center!important}.topbar-breadcrumbs,.topbar-sub{display:none!important}.topbar-title{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:15px!important;line-height:1.25!important;overflow:hidden!important}.topbar-right{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.desktop-actions,.topbar-preview-btn .preview-label{display:none!important}.topbar-preview-btn{justify-content:center!important;align-items:center!important;min-width:34px!important;height:34px!important;padding:7px!important;display:inline-flex!important}.topbar-mobile-actions-bar{border-bottom:1px solid var(--border)!important;z-index:45!important;-webkit-backdrop-filter:blur(14px)!important;background:#121216fa!important;align-items:center!important;padding:8px 12px!important;display:flex!important;position:sticky!important;top:56px!important;box-shadow:0 4px 16px #0006!important}.topbar-mobile-actions-bar>*{align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.topbar-mobile-actions-bar .btn{white-space:nowrap!important;border-radius:var(--radius)!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:38px!important;padding:0 10px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.page-content{padding:12px 10px!important}.dash-quick-bar{border-radius:var(--radius-sm)!important;gap:6px!important;margin-bottom:12px!important;padding:6px 8px!important}.dash-quick-title{display:none!important}.dash-quick-pill{gap:4px!important;padding:5px 9px!important;font-size:11px!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:14px!important}.stat-card{border-radius:var(--radius)!important;gap:8px!important;padding:10px 12px!important}.stat-icon{border-radius:8px!important;width:32px!important;height:32px!important}.stat-icon svg{width:16px!important;height:16px!important}.stat-value{font-size:19px!important}.stat-label{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:10.5px!important;overflow:hidden!important}.card{border-radius:var(--radius)!important;padding:12px 10px!important}.card-header{flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important;display:flex!important}.card-header .btn{width:auto!important;padding:5px 10px!important;font-size:11px!important}.desktop-only-table{display:none!important}.mobile-messages-feed{flex-direction:column!important;gap:8px!important;padding:2px 0!important;display:flex!important}.filters-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:12px!important}.search-input-wrap{width:100%!important;min-width:100%!important;max-width:100%!important}.filters-bar .form-select{width:100%!important}.filters-bar .table-reorder-hint{box-sizing:border-box!important;text-align:center!important;justify-content:center!important;width:100%!important;margin-inline-start:0!important;padding:6px 8px!important;font-size:11px!important}.filters-bar>.btn{justify-content:center!important;width:100%!important}.desktop-data-table{display:none!important}.mobile-data-cards{flex-direction:column!important;gap:12px!important;width:100%!important;display:flex!important}.mobile-data-card{background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;transition:all var(--transition)!important;box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;min-width:0!important;max-width:100%!important;padding:14px 16px!important;display:flex!important;box-shadow:0 4px 16px #00000059!important}.mobile-data-card:active{border-color:var(--gold-border)!important}.mobile-card-top{justify-content:space-between!important;align-items:center!important;gap:10px!important;display:flex!important}.mobile-card-identity{flex:1!important;align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}.mobile-card-img{border-radius:var(--radius)!important;object-fit:cover!important;border:1px solid var(--border)!important;background:var(--bg-card)!important;flex-shrink:0!important;width:46px!important;height:46px!important}.mobile-card-img-fallback{border-radius:var(--radius)!important;background:var(--gold-dim)!important;border:1px solid var(--gold-border)!important;width:46px!important;height:46px!important;color:var(--gold)!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:flex!important}.mobile-card-meta{flex-direction:column!important;gap:3px!important;min-width:0!important;display:flex!important}.mobile-card-name{color:var(--text-primary)!important;word-break:break-word!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important}.mobile-card-category{color:var(--gold-light)!important;font-size:12px!important;font-weight:500!important}.mobile-card-details{background:var(--bg-card)!important;border-radius:var(--radius)!important;border:1px solid #ffffff0d!important;flex-direction:column!important;gap:8px!important;padding:10px 12px!important;display:flex!important}.mobile-card-detail-item{justify-content:space-between!important;align-items:center!important;gap:10px!important;font-size:12.5px!important;display:flex!important}.mobile-card-detail-label{color:var(--text-muted)!important;flex-shrink:0!important;align-items:center!important;gap:6px!important;font-size:12px!important;display:flex!important}.mobile-card-detail-val{color:var(--text-primary)!important;text-align:right!important;word-break:break-word!important;font-weight:500!important}.mobile-card-bottom{border-top:1px solid var(--border)!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding-top:6px!important;display:flex!important}.mobile-card-order-controls{align-items:center!important;gap:6px!important;display:flex!important}.mobile-card-order-badge{color:var(--gold)!important;background:var(--gold-dim)!important;border:1px solid var(--gold-border)!important;border-radius:6px!important;padding:3px 8px!important;font-family:monospace!important;font-size:11px!important;font-weight:700!important}.mobile-card-order-btn{border:1px solid var(--border)!important;width:32px!important;height:32px!important;color:var(--text-secondary)!important;transition:all var(--transition)!important;cursor:pointer!important;background:#ffffff0a!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;display:flex!important}.mobile-card-order-btn:hover:not(:disabled){background:var(--gold-dim)!important;color:var(--gold-light)!important;border-color:var(--gold-border)!important}.mobile-card-order-btn:disabled{opacity:.25!important;cursor:not-allowed!important}.mobile-card-actions{align-items:center!important;gap:8px!important;margin-inline-start:auto!important;display:flex!important}.mobile-card-act-btn{border-radius:var(--radius-sm)!important;transition:all var(--transition)!important;align-items:center!important;gap:5px!important;height:32px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.table-wrap{border-radius:var(--radius)!important;border:1px solid var(--border)!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;overflow-x:auto!important}table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;min-width:480px!important}th,td{padding:9px 8px!important;font-size:12px!important}th:last-child,td:last-child{background:var(--bg-card)!important;z-index:10!important;text-align:right!important;position:sticky!important;right:0!important;box-shadow:-6px 0 14px #0009!important}thead th:last-child{background:var(--bg-hover)!important}.col-hide-mobile,.order-drag-handle{display:none!important}.col-location{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:120px!important;overflow:hidden!important}.form-row{grid-template-columns:1fr!important;gap:10px!important}.form-group{margin-bottom:12px!important}.form-input,.form-select,.form-textarea{padding:8px 11px!important;font-size:16px!important}.drawer{border-left:none!important;width:100%!important;max-width:100%!important;height:100dvh!important}.drawer-header{padding:12px 14px!important}.drawer-body{-webkit-overflow-scrolling:touch!important;padding:14px 12px!important}.drawer-footer{padding:12px 14px!important;padding-bottom:max(14px, env(safe-area-inset-bottom))!important;gap:8px!important}.drawer-footer .btn{flex:1!important;justify-content:center!important;padding:9px 12px!important;font-size:13px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{border-bottom:none!important;border-radius:18px 18px 0 0!important;width:100%!important;max-width:100%!important;max-height:92dvh!important;box-shadow:0 -8px 30px #000000b3!important}.modal-header{padding:14px 16px!important}.modal-body{-webkit-overflow-scrolling:touch!important;padding:14px 12px!important}.modal-footer{padding:12px 14px!important;padding-bottom:max(14px, env(safe-area-inset-bottom))!important}.modal-footer .btn{flex:1!important;justify-content:center!important}.content-header-actions{justify-content:flex-start!important;width:100%!important;margin-top:4px!important}}@media (width<=480px){.topbar-title{font-size:14px!important}.content-header-actions .btn{flex:1;justify-content:center;padding:8px 10px;font-size:12px}.custom-field-row{flex-direction:column;gap:4px}.custom-field-row .btn{align-self:flex-end;margin-top:0!important}}@media (width<=360px){.stat-grid{grid-template-columns:1fr!important}}.roles-grid-container{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.role-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden}.role-card:hover{border-color:var(--gold-border);transform:translateY(-2px);box-shadow:0 8px 28px #00000073}.role-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.role-card-header-left{align-items:flex-start;gap:12px;display:flex}.role-card-icon-box{border-radius:var(--radius);background:var(--gold-dim);border:1px solid var(--gold-border);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.role-card-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.role-card-title{color:var(--text-primary);letter-spacing:.5px;font-size:16px;font-weight:700}.role-card-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.role-card-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:18px;margin-bottom:16px;padding:12px 14px;display:flex}.role-card-stat-item{align-items:center;gap:7px;display:flex}.role-card-stat-text{color:var(--text-secondary);font-size:13px}.role-card-stat-text strong{color:var(--text-primary)}.role-card-perms-preview{flex:1;margin-bottom:20px}.role-perms-preview-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.role-perms-tag-list{flex-wrap:wrap;gap:6px;display:flex}.role-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.role-card-actions-left{align-items:center;gap:6px;display:flex}.role-drawer-content{flex-direction:column;gap:24px;display:flex}.role-drawer-section{flex-direction:column;gap:12px;display:flex}.role-drawer-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding-bottom:6px;display:flex}.role-drawer-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.6px;font-size:14px;font-weight:700}.role-presets-bar{flex-wrap:wrap;gap:8px;display:flex}.role-preset-pill{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius);transition:all var(--transition);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.role-preset-pill:hover{background:var(--bg-hover);border-color:var(--gold-border);color:var(--gold-light)}.perm-drawer-header-icon{border-radius:var(--radius);background:var(--gold-dim);border:1px solid var(--gold-border);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.perm-matrix-container{flex-direction:column;gap:20px;display:flex}.perm-matrix-rule-banner{border:1px solid var(--gold-border);border-radius:var(--radius);background:#d4af3714;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.perm-matrix-rule-icon{color:var(--gold);flex-shrink:0;margin-top:2px}.perm-matrix-rule-content{color:var(--text-secondary);font-size:13px;line-height:1.5}.perm-matrix-rule-title{color:var(--gold);margin-right:6px;font-weight:700}.perm-matrix-rule-text strong{color:var(--gold-light)}.perm-category-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.perm-category-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.perm-category-title-group{align-items:center;gap:10px;display:flex}.perm-category-icon-box{border-radius:var(--radius-sm);background:var(--gold-dim);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.perm-category-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.perm-category-desc{color:var(--text-muted);margin:0;font-size:12px}.perm-category-actions{align-items:center;gap:12px;display:flex}.perm-counter-pill{color:var(--text-secondary);background:var(--bg-base);border:1px solid var(--border);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:500}.perm-cat-toggle-btn{color:var(--gold)!important;font-size:12px!important}.perm-cat-toggle-btn:hover{text-decoration:underline}.perm-table-wrapper{overflow-x:auto}.perm-table{border-collapse:collapse;width:100%}.perm-table thead th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-surface);text-align:center;padding:10px 14px;font-size:11px;font-weight:700}.perm-table thead th.perm-th-module{text-align:left;width:38%;min-width:220px}.perm-table thead th.perm-th-status{text-align:right;width:16%}.perm-col-header.read-col{flex-direction:column;align-items:center;gap:2px;display:flex}.perm-req-tag{background:var(--gold-dim);color:var(--gold);letter-spacing:.3px;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:800}.perm-table tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition)}.perm-table tbody tr:last-child{border-bottom:none}.perm-table tbody tr:hover{background:#ffffff05}.perm-table tbody tr.row-locked{opacity:.65}.perm-table tbody tr.row-locked:hover{opacity:.9}.perm-td-module{text-align:left;padding:12px 14px}.perm-module-info{align-items:center;gap:10px;display:flex}.perm-module-checkbox-btn{color:var(--gold);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.perm-indeterminate-box{border:1.5px solid var(--gold);background:var(--gold-dim);border-radius:3px;width:14px;height:14px}.perm-module-name{color:var(--text-primary);font-size:13px;font-weight:600}.perm-module-desc{color:var(--text-muted);font-size:11px}.perm-td-action{text-align:center;vertical-align:middle;padding:10px}.perm-td-status{text-align:right;padding:10px 14px}.perm-check-label{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.perm-check-label.perm-disabled-label{cursor:not-allowed}.perm-checkbox{opacity:0;width:0;height:0;position:absolute}.perm-check-custom{border:1.5px solid var(--border-strong);background:var(--bg-card);width:22px;height:22px;transition:all var(--transition);color:#fff;border-radius:5px;justify-content:center;align-items:center;display:flex}.perm-check-label:hover .perm-check-custom:not(.locked-custom){border-color:var(--gold-border);background:var(--bg-hover)}.perm-checkbox:checked+.perm-check-custom{background:var(--gold);border-color:var(--gold);color:#000}.perm-checkbox:checked+.perm-check-custom.read-custom{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px #d4af3766}.perm-check-custom.locked-custom{cursor:not-allowed;background:#ffffff08;border-color:#ffffff0d}.perm-lock-icon{color:var(--text-muted);opacity:.6}.dash-tabs-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;align-items:center;gap:6px;max-width:100%;margin-bottom:22px;padding:5px;display:inline-flex;overflow-x:auto}.dash-tab-btn{border-radius:var(--radius);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;display:inline-flex}.dash-tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.dash-tab-btn.active{background:var(--gold-dim);color:var(--gold-light);border-color:var(--gold-border);box-shadow:0 2px 12px #d4af3729}.visits-summary-widget{background:linear-gradient(145deg,#161621 0%,#111116 100%);border:1px solid #d4af3738;margin-bottom:24px}.visits-widget-content{grid-template-columns:3fr 2fr;align-items:center;gap:20px;display:grid}.visits-widget-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.widget-metric-cell{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.widget-metric-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.widget-metric-val{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1.1}.widget-metric-lbl{color:var(--text-secondary);margin-top:3px;font-size:11px;font-weight:600}.widget-metric-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.widget-sparkline-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.widget-sparkline-title{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.widget-sparkline-bars{grid-template-columns:repeat(12,1fr);align-items:flex-end;gap:5px;height:64px;display:grid}.widget-spark-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.widget-spark-bar{width:100%;max-width:18px;transition:all var(--transition);border-radius:3px 3px 0 0}.widget-spark-label{color:var(--text-muted);font-size:9px;font-weight:600}.analytics-hub{flex-direction:column;gap:24px;display:flex}.analytics-header-card{border:1px solid var(--gold-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#d4af3714 0%,#16161ff2 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 24px #0006}.analytics-header-info{flex-direction:column;gap:6px;display:flex}.analytics-badge{color:#2ecc71;text-transform:uppercase;letter-spacing:.05em;background:#2ecc7126;border:1px solid #2ecc7159;border-radius:99px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.analytics-header-title{color:var(--text-primary);letter-spacing:-.01em;font-size:20px;font-weight:800}.analytics-header-desc{color:var(--text-secondary);font-size:13px}.analytics-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.analytics-year-select-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:2px 10px;display:flex}.analytics-year-select{cursor:pointer;color:var(--text-primary)!important;background:0 0!important;border:none!important;outline:none!important;padding:6px 4px!important;font-size:13px!important;font-weight:700!important}.analytics-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.kpi-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);background:linear-gradient(145deg,#181822 0%,#121217 100%);flex-direction:column;gap:6px;padding:18px;display:flex}.kpi-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00000073}.kpi-card.gold-border-hover:hover{border-color:var(--gold-border);box-shadow:0 6px 24px #d4af3726}.kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.kpi-icon-wrap{border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gold-glow{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-border)}.blue-glow{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.green-glow{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d}.purple-glow{color:#a78bfa;background:#a78bfa26;border:1px solid #a78bfa4d}.amber-glow{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.red-glow{color:#eb4d4b;background:#eb4d4b26;border:1px solid #eb4d4b4d}.kpi-pill{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700}.kpi-value{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:26px;font-weight:900;line-height:1.1}.kpi-label{color:var(--text-secondary);font-size:12px;font-weight:600}.kpi-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;font-size:11px;display:flex}.kpi-tag{color:var(--text-secondary);font-size:11px;font-weight:600}.kpi-tag.highlight{color:var(--gold-light);font-weight:700}.analytics-chart-card{padding:22px 24px}.analytics-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.peak-badge{background:var(--gold-dim);border:1px solid var(--gold-border);color:var(--gold-light);border-radius:99px;align-items:center;gap:4px;margin-left:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.chart-metric-pills{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);gap:4px;padding:3px;display:inline-flex}.chart-metric-pill{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;padding:5px 12px;font-size:12px;font-weight:600}.chart-metric-pill:hover{color:var(--text-primary)}.chart-metric-pill.active{background:var(--gold);color:#000;font-weight:700}.chart-bars-wrap{border-bottom:1px solid var(--border);grid-template-columns:repeat(12,1fr);align-items:flex-end;gap:10px;height:220px;padding-bottom:8px;display:grid}.chart-col{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.chart-col-val{color:var(--text-secondary);font-variant-numeric:tabular-nums;opacity:.85;transition:opacity var(--transition);font-size:11px;font-weight:700}.chart-col:hover .chart-col-val{opacity:1;color:var(--gold-light);font-weight:800}.chart-bar-track{background:#ffffff05;border-radius:6px 6px 0 0;align-items:flex-end;width:100%;max-width:44px;height:100%;display:flex}.chart-bar-fill{background:linear-gradient(180deg, var(--gold) 0%, #d4af37a6 100%);border-radius:6px 6px 0 0;width:100%;transition:all .3s cubic-bezier(.16,1,.3,1)}.chart-col:hover .chart-bar-fill{background:linear-gradient(180deg, #f5e4a8 0%, var(--gold) 100%);box-shadow:0 0 16px #d4af3766}.chart-bar-fill.peak-glow{background:linear-gradient(#fff2be 0%,#dfbc69 100%);box-shadow:0 0 14px #d4af3759}.chart-col-label{color:var(--text-muted);font-size:11px;font-weight:600}.chart-col-label.highlight{color:var(--gold-light);font-weight:800}.analytics-trio-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.analytics-dual-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;display:grid}.devices-list{flex-direction:column;gap:14px;display:flex}.device-item{flex-direction:column;gap:6px;display:flex}.device-info{justify-content:space-between;align-items:center;font-size:13px;display:flex}.device-icon-wrap{justify-content:center;align-items:center;display:flex}.device-name{color:var(--text-primary);flex:1;margin-left:8px;font-weight:600}.device-numbers{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.device-progress-track{background:var(--bg-surface);border:1px solid var(--border);border-radius:99px;height:7px;overflow:hidden}.device-progress-fill{border-radius:99px;height:100%;transition:width .4s}.referrers-list{flex-direction:column;gap:8px;display:flex}.referrer-row{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.referrer-badge{max-width:75%;color:var(--text-primary);font-family:monospace;font-weight:600}.referrer-count{font-variant-numeric:tabular-nums;color:var(--gold-light);font-weight:700}.languages-list{flex-direction:column;gap:12px;display:flex}.lang-item{flex-direction:column;gap:5px;display:flex}.lang-header{justify-content:space-between;align-items:center;font-size:12px;display:flex}.lang-name{color:var(--text-primary);font-weight:600}.lang-stats{color:var(--text-muted);font-variant-numeric:tabular-nums}.lang-track{background:var(--bg-surface);border:1px solid var(--border);border-radius:99px;height:6px;overflow:hidden}.lang-fill{border-radius:99px;height:100%}.lang-fill.gold{background:var(--gold)}.lang-fill.blue{background:#38bdf8}.pages-table-wrap{overflow-x:auto}.analytics-subtable{border-collapse:collapse;width:100%;font-size:13px}.analytics-subtable th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:700}.analytics-subtable td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.analytics-subtable tr:last-child td{border-bottom:none}.page-path-pill{max-width:220px;color:var(--text-primary);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:3px 8px;font-family:monospace;font-size:12px;display:inline-block}.pct-bar-wrap{justify-content:flex-end;align-items:center;gap:8px;display:flex}.pct-bar-fill{background:var(--gold);border-radius:99px;width:50px;height:6px}.pct-text{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;width:32px;font-size:12px}.external-link-icon{color:var(--text-muted);transition:color var(--transition);justify-content:center;align-items:center;display:inline-flex}.external-link-icon:hover{color:var(--gold-light)}.analytics-explorer-card{padding:20px 24px}.explorer-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.explorer-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.explorer-search{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;width:260px;padding:0 10px;display:flex;position:relative}.explorer-input{width:100%;color:var(--text-primary)!important;background:0 0!important;border:none!important;outline:none!important;padding:7px 8px!important;font-size:12px!important}.clear-search-btn{color:var(--text-muted);cursor:pointer;padding:2px 4px;font-size:16px;line-height:1}.clear-search-btn:hover{color:var(--text-primary)}.explorer-select-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:6px;padding:0 8px;display:flex}.explorer-select{cursor:pointer;color:var(--text-primary)!important;background:0 0!important;border:none!important;outline:none!important;padding:7px 4px!important;font-size:12px!important}.sessions-table th{text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-strong);padding:10px 14px;font-size:11px;font-weight:700}.sessions-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px;font-size:13px}.device-tag{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.lang-tag{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:800;display:inline-block}.duration-badge{font-variant-numeric:tabular-nums;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.duration-high{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d}.duration-med{color:var(--gold-light);border:1px solid var(--gold-border);background:#d4af3726}.duration-low{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0d}.metric-pill{background:var(--bg-surface);border:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--text-primary);border-radius:6px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-block}.explorer-pagination-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.mobile-sessions-feed{display:none}.mobile-session-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.mobile-session-header{justify-content:space-between;align-items:center;display:flex}.mobile-session-path{word-break:break-all;font-size:12px}.mobile-session-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:6px;display:flex}@media (width<=900px){.visits-widget-content{grid-template-columns:1fr}.desktop-only-table{display:none!important}.mobile-sessions-feed{flex-direction:column;gap:10px;display:flex}.chart-bars-wrap{gap:6px;height:180px}.chart-col-val{display:none}}.analytics-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live-indicator-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.05em;background:#38bdf826;border:1px solid #38bdf859;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-pulse-dot{background:#38bdf8;border-radius:99px;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse-live;box-shadow:0 0 8px #38bdf8}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.date-range-pills{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:4px;padding:3px;display:inline-flex}.date-range-pill{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;white-space:nowrap;padding:5px 11px;font-size:11px;font-weight:600}.date-range-pill:hover{color:var(--text-primary)}.date-range-pill.active{background:var(--gold);color:#000;font-weight:700}.analytics-subtabs-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;align-items:center;gap:8px;padding:6px;display:flex;overflow-x:auto}.analytics-subtab-btn{border-radius:var(--radius);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.analytics-subtab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.analytics-subtab-btn.active{background:var(--gold-dim);color:var(--gold-light);border-color:var(--gold-border);box-shadow:0 2px 10px #d4af3726}.subtab-count-badge{background:var(--gold);color:#000;border-radius:99px;padding:2px 6px;font-size:10px;font-weight:800}.analytics-view-pane{flex-direction:column;gap:20px;animation:.25s fadeIn;display:flex}.hourly-bars-track{border-bottom:1px solid var(--border);grid-template-columns:repeat(24,1fr);align-items:flex-end;gap:4px;height:140px;padding:10px 0 6px;display:grid}.hourly-col{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.hourly-bar{width:100%;max-width:14px;transition:all var(--transition);background:#d4af3780;border-radius:3px 3px 0 0}.hourly-bar:hover{background:var(--gold-light);box-shadow:0 0 10px #d4af3766}.hourly-bar.peak{background:linear-gradient(180deg, #ff9f43 0%, var(--gold) 100%);box-shadow:0 0 12px #ff9f4366}.hourly-label{color:var(--text-muted);font-size:9px;font-weight:600}.hourly-footer-labels{color:var(--text-muted);justify-content:space-between;padding-top:8px;font-size:11px;display:flex}.dow-bars-wrap{grid-template-columns:repeat(7,1fr);align-items:flex-end;gap:8px;height:156px;padding-bottom:6px;display:grid}.dow-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.dow-val{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.dow-bar-track{background:#ffffff05;border-radius:4px 4px 0 0;align-items:flex-end;width:100%;max-width:32px;height:110px;display:flex}.dow-bar-fill{background:#38bdf8;border-radius:4px 4px 0 0;width:100%;transition:all .3s}.dow-bar-fill.weekend{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 100%);box-shadow:0 0 10px #d4af3740}.dow-label{color:var(--text-muted);font-size:11px;font-weight:700}.sections-affinity-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.section-affinity-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;gap:6px;padding:16px;display:flex}.section-affinity-card:hover{border-color:var(--gold-border);transform:translateY(-2px);box-shadow:0 4px 16px #0006}.section-affinity-top{justify-content:space-between;align-items:center;display:flex}.section-affinity-icon{background:var(--gold-dim);width:34px;height:34px;color:var(--gold);border:1px solid var(--gold-border);border-radius:8px;justify-content:center;align-items:center;display:flex}.section-affinity-pct{color:var(--gold-light);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.section-affinity-val{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:900;line-height:1.1}.section-affinity-title{color:var(--text-secondary);font-size:13px;font-weight:600}.section-progress-track{background:var(--bg-card);border-radius:99px;height:6px;margin-top:4px;overflow:hidden}.section-progress-fill{background:var(--gold);border-radius:99px;height:100%;transition:width .4s}.tier-breakdown-list{flex-direction:column;gap:16px;padding:8px 0;display:flex}.tier-breakdown-item{flex-direction:column;gap:6px;display:flex}.tier-breakdown-info{justify-content:space-between;align-items:center;font-size:13px;display:flex}.tier-name{color:var(--text-primary);font-weight:600}.tier-stats{color:var(--text-muted);font-variant-numeric:tabular-nums}.tier-track{background:var(--bg-surface);border:1px solid var(--border);border-radius:99px;height:8px;overflow:hidden}.tier-fill{border-radius:99px;height:100%;transition:width .4s}.retention-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.retention-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:16px;display:flex}.retention-pct{font-variant-numeric:tabular-nums;font-size:28px;font-weight:900;line-height:1}.retention-lbl{color:var(--text-primary);font-size:13px;font-weight:700}.retention-count{color:var(--text-muted);font-size:11px}.card-tip-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.hotel-row{grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,280px);align-items:stretch;gap:20px;display:grid}.hotel-row-quality{border-inline-start:1px solid var(--border);padding-inline-start:20px}@media (width<=1100px){.hotel-row{grid-template-columns:minmax(0,200px) minmax(0,1fr)}.hotel-row-quality{border-inline-start:0;border-top:1px solid var(--border);padding-inline-start:0;grid-column:1/-1;padding-top:14px}}@media (width<=640px){.hotel-row{grid-template-columns:1fr}}.faq-admin-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px;display:grid}.faq-cat-panel{padding:12px;position:sticky;top:16px}.faq-questions-panel{min-width:0}.faq-panel-head{color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 12px;font-size:14px;font-weight:700;display:flex}.faq-panel-head>span{align-items:center;gap:6px;display:inline-flex}.faq-cat-list{flex-direction:column;gap:4px;display:flex}.faq-cat-row{align-items:center;gap:2px;display:flex}.faq-cat-row .faq-cat-item{flex:1;min-width:0}.faq-cat-tools{flex-direction:column;display:flex}.faq-cat-tools .btn{width:22px;min-width:22px;height:16px;padding:0}.faq-cat-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.faq-cat-item:hover{background:var(--bg-hover);color:var(--text-primary)}.faq-cat-item.active{background:var(--gold-dim);border-color:var(--gold-border);color:var(--text-primary)}.faq-cat-icon{background:var(--bg-surface);width:28px;height:28px;color:var(--gold);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.faq-cat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.faq-cat-count{color:var(--text-muted);background:var(--bg-surface);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.faq-q-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.faq-q-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;transition:border-color .15s;display:grid}.faq-q-item:hover{border-color:var(--gold-border)}.faq-q-order{align-items:center;gap:6px;padding-top:2px;display:flex}.faq-q-number{color:var(--gold);background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:700}.faq-q-body{min-width:0}.faq-q-title{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.faq-q-en{color:var(--text-muted);margin-top:2px;font-size:12px}.faq-q-answer{color:var(--text-secondary);-webkit-line-clamp:2;white-space:pre-line;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.faq-q-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}@media (width<=900px){.faq-admin-layout{grid-template-columns:1fr}.faq-cat-panel{position:static}.faq-cat-list{flex-direction:row;padding-bottom:4px;overflow-x:auto}.faq-cat-row,.faq-cat-list>.faq-cat-item,.faq-cat-row .faq-cat-item{flex:none}.faq-cat-tools{display:none}}@media (width<=640px){.faq-q-item{grid-template-columns:minmax(0,1fr) auto}.faq-q-order{grid-column:1/-1}}.inq-tabs{border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border);flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin-bottom:14px;padding:4px;display:flex}.inq-tab{border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.inq-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.inq-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000002e}.inq-tab-count{background:var(--bg-hover);color:var(--text-muted);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.inq-tab.active .inq-tab-count{background:var(--gold-dim);color:var(--gold)}.inq-status{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.inq-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.inq-filter-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:4px 0 12px;padding:14px;display:grid}.inq-segment{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.inq-segment button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:8px 10px;font-size:13px;font-weight:600}.inq-segment button.active{background:var(--gold-dim);color:var(--gold)}.inq-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.inq-chip{border:1px solid var(--gold-border);background:var(--gold-dim);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.inq-chip:hover{border-color:var(--gold)}.inq-result-line{align-items:center;gap:8px;min-height:18px;margin-bottom:8px;font-size:12px;display:flex}.inq-row-new{box-shadow:inset 3px 0 0 var(--gold)}.inq-table td{vertical-align:middle}.inq-guest{align-items:center;gap:10px;min-width:0;display:flex}.inq-guest-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.inq-row-new .inq-guest-name{font-weight:700}.inq-avatar{background:var(--gold-dim);border:1px solid var(--gold-border);width:34px;height:34px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.inq-avatar-lg{width:48px;height:48px;font-size:16px}.inq-card-facts{color:var(--text-secondary);flex-direction:column;gap:6px;margin:10px 0;font-size:13px;display:flex}.inq-card-facts span{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.inq-drawer-guest{align-items:center;gap:12px;display:flex}.inq-facts{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);grid-template-columns:1fr 1fr;gap:14px;padding:14px;font-size:13px;display:grid}.inq-facts>div{flex-direction:column;gap:2px;display:flex}.inq-facts .text-muted{align-items:center;gap:4px;font-size:12px;display:inline-flex}.inq-notes{white-space:pre-line;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);margin:0;padding:12px;font-size:13px}.inq-status-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.inq-status-steps button{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:12px;font-weight:600;display:inline-flex}.inq-status-steps button:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}@media (width<=640px){.inq-tabs{flex-wrap:nowrap;width:100%;overflow-x:auto}.inq-status-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.inq-facts{grid-template-columns:1fr 1fr;gap:12px;padding:12px}}.rq-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.rq-search{flex:260px}.rq-filter-btn{position:relative}.rq-badge{background:var(--gold);color:#111;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex}.rq-mobile-only{display:none}.rq-date-pair{display:contents}.rq-inline-actions{align-items:center;gap:4px;display:inline-flex}.rq-wa{color:#25d366!important}.rq-chip{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:6px 11px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.rq-chip:hover:not(:disabled),.rq-chip.active{border-color:var(--gold-border);color:var(--text-primary);background:var(--gold-dim)}.rq-quick-notes{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.rq-panel{flex-direction:column;gap:18px;display:flex}.rq-auto-next{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;display:flex}.rq-nav-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rq-nav{color:var(--text-muted);align-items:center;gap:2px;font-size:12px;font-weight:600;display:inline-flex}.rq-nav-count{text-align:center;font-variant-numeric:tabular-nums;min-width:42px}.rq-action-bar{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;width:100%;display:grid}.rq-act{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-surface);min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.rq-act:hover{background:var(--bg-hover)}.rq-act:active{transform:scale(.98)}.rq-act-wa{color:#25d366;border-color:#25d36659}.rq-act-primary{background:var(--gold);border-color:var(--gold);color:#111}.rq-act-primary:hover:not(:disabled){background:var(--gold-light)}.rq-act:disabled{opacity:.6;cursor:progress}.rq-mcard{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex;box-shadow:0 4px 16px #0000004d}.rq-mcard-new{border-inline-start:3px solid var(--gold)}.rq-mcard-main{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex}.rq-mcard-head{align-items:center;gap:10px;min-width:0;display:flex}.rq-mcard-who{flex:1;min-width:0}.rq-mcard-ref{font-family:monospace;font-size:11.5px}.rq-mcard-facts{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.rq-mcard-facts span{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.rq-mcard-facts svg{color:var(--text-muted);flex-shrink:0}.rq-mcard-facts em{color:var(--text-muted);font-size:12px;font-style:normal}.rq-mcard-facts em.rq-urgent{color:var(--gold);font-weight:700}.rq-waiting{color:var(--gold);background:var(--gold-dim);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.rq-waiting.late{color:var(--danger);background:var(--danger-dim)}@media (width<=768px){.rq-desktop-only{display:none!important}.rq-mobile-only{flex-direction:column;display:flex}.rq-kpis{scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 10px 4px;overflow-x:auto;gap:8px!important;margin:0 -10px 12px!important;display:flex!important}.rq-kpis::-webkit-scrollbar{display:none}.rq-kpis>*{scroll-snap-align:start;flex:0 0 62%}.rq-card{padding:10px 8px!important}.rq-tabs{width:100%;margin-bottom:10px}.rq-toolbar{flex-wrap:nowrap;gap:8px;margin-bottom:8px}.rq-search{flex:auto;width:auto!important;min-width:0!important;max-width:none!important}.rq-filter-btn{flex-shrink:0;height:40px}.inq-filter-panel{grid-template-columns:1fr;gap:10px;padding:12px}.rq-date-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rq-panel-footer{flex-direction:row;justify-content:flex-end;gap:8px}.rq-panel-footer .btn{flex:1;justify-content:center}.inq-chips{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.inq-chip{flex-shrink:0}.mobile-data-cards{gap:10px!important}.drawer-footer .rq-action-bar{gap:6px}.drawer-footer .rq-act{flex-direction:column;gap:3px;min-height:48px;padding:6px;font-size:12.5px}.rq-nav-title{gap:4px}.rq-nav-label{font-size:15px}}@media (width<=380px){.rq-act span{display:none}.rq-act-primary span{display:inline}}@media (width<=768px){.rq-activity-select{flex:0 0 42%;height:40px;width:42%!important}}.toast-action{margin-top:8px}.rq-live{color:var(--text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-inline-start:auto;font-size:11.5px;display:inline-flex}.rq-live-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.rq-live-live{background:var(--success);animation:2s infinite rqPulse}.rq-live-connecting{background:var(--gold)}.rq-live-offline{background:var(--danger)}@keyframes rqPulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.rq-live-alerts{border:1px solid var(--gold-border);background:var(--gold-dim);color:var(--gold);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.inq-tab-label{align-items:center;gap:7px;display:inline-flex}.rq-guide{border-radius:var(--radius);border:1px dashed var(--border-strong);background:var(--bg-surface);margin-bottom:14px;padding:12px 40px 12px 14px;position:relative}.rq-guide ol{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.rq-guide li{align-items:flex-start;gap:10px;font-size:12.5px;display:flex}.rq-guide li>div{flex-direction:column;gap:2px;display:flex}.rq-guide-num{border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.rq-guide-close{top:6px;position:absolute;inset-inline-end:6px}.rq-act-preferred{position:relative;box-shadow:inset 0 0 0 1px}.rq-act-preferred:after{content:"Preferred";top:-8px;background:var(--gold);color:#111;border-radius:999px;padding:0 6px;font-size:9.5px;font-weight:800;line-height:15px;position:absolute;inset-inline-end:6px}@media (width<=768px){.form-input.search-input{padding-left:36px!important}.rq-kpis{grid-template-columns:1fr 1fr;padding:0;overflow:visible;gap:8px!important;margin:0 0 12px!important;display:grid!important}.rq-kpis>*{flex:none}.rq-kpis .stat-card{min-height:0;padding:10px 12px!important}.rq-kpis .stat-card-header{margin-bottom:6px}.rq-kpis .stat-icon{width:28px;height:28px}.rq-kpis .stat-badge{padding:1px 6px;font-size:10px}.rq-kpis .stat-value{font-size:22px}.rq-kpis .stat-label{font-size:11.5px;line-height:1.3}.rq-tabs.inq-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;display:grid;overflow:visible}.rq-tabs .inq-tab{flex-direction:column-reverse;gap:2px;min-width:0;padding:6px 2px;font-size:10.5px}.rq-tabs .inq-tab-label{text-overflow:ellipsis;white-space:nowrap;gap:4px;max-width:100%;overflow:hidden}.rq-tabs .inq-tab-label .inq-status-dot{display:none}.rq-tabs .inq-tab-count{color:var(--text-primary);padding:0;font-size:16px;background:0 0!important}.rq-tabs .inq-tab.active .inq-tab-count{color:var(--gold)}.rq-guide{padding:10px 36px 10px 12px}.rq-guide ol{grid-template-columns:1fr;gap:8px}.inq-result-line{flex-wrap:wrap}}@media (width<=420px){.rq-mcard .rq-act{flex-direction:column;gap:2px;min-height:52px;padding:6px 4px;font-size:11.5px}.rq-act span{display:inline}}.inq-table th,.inq-table td{padding-inline:11px}.form-input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-input) inset;transition:background-color 9999s ease-out}.form-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-input) inset;transition:background-color 9999s ease-out}.form-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-input) inset, 0 0 0 3px var(--gold-dim)}.rq-panel-name{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.3}.rq-panel-phone{color:var(--gold);align-items:center;gap:5px;margin-top:3px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.rq-stay{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);align-items:center;gap:12px;padding:12px 14px;display:flex}.rq-stay>svg{color:var(--text-muted);flex-shrink:0}.rq-stay>div{flex-direction:column;gap:2px;min-width:0;display:flex}.rq-stay strong{font-size:15px}.rq-stay span{color:var(--text-secondary);font-size:12.5px}.rq-stay-soon{border-color:var(--gold-border);background:var(--gold-dim)}.rq-stay-soon>svg{color:var(--gold)}@media (width<=768px){.drawer-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}.drawer{animation:.15s fadeIn;inset:0;height:auto!important;position:fixed!important}.drawer-header{flex-shrink:0;padding-top:max(12px, env(safe-area-inset-top))!important;position:relative!important}.drawer-body{overscroll-behavior:contain;min-height:0}.drawer-footer{flex-shrink:0;position:relative!important}.rq-panel{gap:14px}.inq-avatar-lg{width:42px;height:42px;font-size:15px}.rq-panel-name{font-size:17px}.inq-drawer-guest{align-items:flex-start}.rq-panel .rq-quick-notes{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-12px;padding-inline:12px;overflow-x:auto}.rq-panel .rq-quick-notes::-webkit-scrollbar{display:none}.rq-panel .rq-chip{flex-shrink:0;padding:8px 12px}.rq-panel .inq-status-steps button{padding:10px 6px;font-size:13px}.rq-panel .form-textarea{min-height:70px}}.rq-date{position:relative}.rq-date-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);max-width:280px;height:40px;color:var(--text-secondary);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-size:13.5px;transition:border-color .15s;display:inline-flex}.rq-date-btn:hover{border-color:var(--border-strong)}.rq-date-btn.active{border-color:var(--gold-border);color:var(--text-primary);background:var(--gold-dim)}.rq-date-btn.active>svg:first-child{color:var(--gold)}.rq-date-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rq-date-chevron{color:var(--text-muted);flex-shrink:0}.rq-date-clear{color:var(--text-muted);border-radius:50%;flex-shrink:0;margin-inline-end:-4px;padding:3px;display:inline-flex}.rq-date-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.rq-date-backdrop{display:none}.rq-date-pop{top:calc(100% + 6px);z-index:60;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-card);width:400px;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:14px;animation:.15s slideUp;display:flex;position:absolute;inset-inline-start:0}.rq-date-head{justify-content:space-between;align-items:center;font-size:14px;display:flex}.rq-date-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.rq-date-presets{grid-template-columns:1fr 1fr;gap:6px;display:grid}.rq-date-presets button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font:inherit;text-align:start;cursor:pointer;padding:8px 10px;font-size:12.5px;font-weight:600}.rq-date-presets button:hover{border-color:var(--border-strong);color:var(--text-primary)}.rq-date-presets button.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.rq-date-fields{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;display:grid}.rq-date-fields button{color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 4px;font-size:12px;font-weight:600}.rq-date-fields button.active{background:var(--bg-card);color:var(--gold);box-shadow:0 1px 3px #00000040}.rq-date-hint{color:var(--text-muted);margin-top:5px;font-size:11.5px}.rq-date-range{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.rq-date-range label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.rq-date-foot{border-top:1px solid var(--border);justify-content:space-between;gap:8px;padding-top:12px;display:flex}.rq-toggle{min-height:40px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}@media (width<=768px){.rq-toolbar{flex-wrap:wrap}.rq-date{flex:100%;order:3}.rq-date-btn{width:100%;max-width:none}.rq-date-chevron,.rq-date-clear{margin-inline-start:auto}.rq-date-backdrop{z-index:290;background:#0000008c;display:block;position:fixed;inset:0}.rq-date-pop{z-index:300;width:auto;max-height:85dvh;padding:16px 14px max(16px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto}.rq-date-presets button{padding:11px 10px;font-size:13px}}@media (width>=769px){.rq-toolbar .rq-search{flex:180px;min-width:180px;max-width:none}.rq-toolbar .rq-date-btn{max-width:230px}}.rq-clear-link{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.rq-clear-link:hover{text-decoration:underline}@media (width<=768px){.rq-toolbar .rq-search{flex:1 1 0}}.va-actions-card{margin-top:16px}.va-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.va-action{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);flex-direction:column;gap:4px;padding:12px;display:flex}.va-action strong{color:var(--text-primary);font-size:22px;line-height:1.1}.va-action>span:last-child{color:var(--text-secondary);font-size:12px}.va-action-icon{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:4px;display:inline-flex}.va-rank{flex-direction:column;gap:4px;display:flex}.va-rank-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:2px;font-size:11px}.va-rank-row{border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;width:100%;padding:6px 4px;display:grid}button.va-rank-row{cursor:pointer}button.va-rank-row:hover{background:var(--bg-hover)}.va-rank-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:13px;display:inline-flex;overflow:hidden}.va-rank-num{color:var(--text-primary);font-size:12.5px;font-weight:600}.va-rank-bar{background:var(--border);border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.va-rank-bar>span{background:var(--gold);border-radius:4px;height:100%;display:block}.va-cc{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-border);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.va-row{cursor:pointer}.va-row:hover td,.va-row:focus-visible td{background:var(--bg-hover)}.va-row-open{color:var(--text-muted);width:28px}.va-row:hover .va-row-open{color:var(--gold)}.va-place{align-items:flex-start;gap:7px;min-width:0;display:flex}.va-place>svg{flex-shrink:0;margin-top:2px}.va-place-main{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:13px;font-weight:600;overflow:hidden}.va-place-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:11px;overflow:hidden}.va-key-pill{color:var(--gold);background:var(--gold-dim);border:1px solid var(--gold-border);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.va-card{cursor:pointer;text-align:left}.va-card:active{background:var(--bg-hover)}.va-card-device{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;font-size:12.5px;display:flex;overflow:hidden}.vd{flex-direction:column;gap:18px;display:flex}.vd-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.vd-stats>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-muted);flex-direction:column;align-items:flex-start;gap:2px;padding:10px;display:flex}.vd-stats strong{color:var(--text-primary);font-size:18px}.vd-stats span{font-size:11px}.vd-stats .vd-stat-key{border-color:var(--gold-border);background:var(--gold-dim)}.vd-stats .vd-stat-key strong,.vd-stats .vd-stat-key svg{color:var(--gold)}.vd-section h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);align-items:center;gap:7px;margin:0 0 10px;font-size:13px;font-weight:700;display:flex}.vd-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.vd-fact{flex-direction:column;gap:2px;min-width:0;display:flex}.vd-fact-label{color:var(--text-muted);font-size:11px}.vd-fact-value{color:var(--text-primary);overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;font-size:13.5px;font-weight:600;display:inline-flex}.vd-note{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.vd-note code,.vd-step-path code{font-size:11.5px}.vd-others{flex-direction:column;gap:4px;margin-top:10px;display:flex}.vd-others button{font:inherit;text-align:left;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 10px;font-size:12px;display:grid}.vd-others button:hover{border-color:var(--gold-border)}.vd-others button span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vd-timeline{margin:0;padding:0;list-style:none;position:relative}.vd-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:6px;bottom:6px;left:13px}.vd-step{gap:12px;padding:0 0 12px;display:flex;position:relative}.vd-step-icon{z-index:1;background:var(--bg-card);border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.vd-step-body{flex:1;min-width:0;padding-top:3px}.vd-step-head{justify-content:space-between;gap:8px;font-size:13px;display:flex}.vd-step-head strong{color:var(--text-primary);font-weight:600}.vd-step-time{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.vd-step-label{color:var(--text-secondary);overflow-wrap:anywhere;font-size:12.5px}.vd-step-path{flex-direction:column;gap:1px;margin-top:2px;text-decoration:none;display:flex}.vd-step-path code{color:var(--gold);overflow-wrap:anywhere}.vd-step-path .vd-step-label{direction:auto}.vd-step-target{color:var(--text-primary);overflow-wrap:anywhere;font-size:12px;font-weight:600}.vd-step-on{color:var(--text-muted);overflow-wrap:anywhere;font-size:11px}.vd-step-key .vd-step-body{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:var(--radius-sm);padding:7px 10px}.vd-step-click .vd-step-icon{width:22px;height:22px;margin:3px}@media (width<=1100px){.va-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.va-actions,.vd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-facts{gap:8px 12px}.vd-others button{grid-template-columns:1fr auto}.vd-others button span:nth-child(2){display:none}}.al-tabs .inq-tab-label{align-items:center;gap:6px;display:inline-flex}.al-select{width:auto;min-width:150px;max-width:220px}.al-dates{align-items:center;gap:6px;display:inline-flex}.al-dates .form-input{width:150px}.al-result{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.al-list{flex-direction:column;gap:18px;margin-bottom:12px;display:flex}.al-day-head{top:var(--topbar-h,0);z-index:1;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);background:var(--bg-card);margin-bottom:4px;padding:6px 2px;font-size:11.5px;font-weight:700;position:sticky}.al-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition), background var(--transition);grid-template-columns:46px 32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.al-row+.al-row{margin-top:6px}.al-row:hover,.al-row:focus-visible{border-color:var(--gold-border);background:var(--bg-hover)}.al-row-alert{background:#ef44440d;border-color:#ef444459}.al-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.al-icon{border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.al-body{min-width:0}.al-summary{color:var(--text-primary);overflow-wrap:anywhere;font-size:13.5px;font-weight:600;line-height:1.4}.al-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:4px;font-size:12px;display:flex}.al-who{color:var(--text-secondary);align-items:center;gap:5px;display:inline-flex}.al-who strong{color:var(--text-primary);font-weight:600}.al-role{letter-spacing:.4px;background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-border);border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700;display:inline-block}.al-area{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:1px 7px}.al-where{align-items:center;gap:4px;display:inline-flex}.al-badge{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.al-detail{flex-direction:column;gap:18px;display:flex}.al-detail-summary{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.al-detail-summary p{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:1.45}.al-change{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.al-change+.al-change{margin-top:10px}.al-change-head{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:9px 12px;font-size:13px;display:flex}.al-op{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:700}.al-op-create{color:#38bdf8;background:#38bdf81f}.al-op-update{color:var(--gold);background:var(--gold-dim)}.al-op-delete{color:#f87171;background:#f871711f}.al-fields{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12.5px}.al-fields th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:7px 12px;font-size:10.5px;font-weight:700}.al-fields th:first-child{width:32%}.al-fields td{vertical-align:top;border-bottom:1px solid var(--border);color:var(--text-primary);overflow-wrap:anywhere;white-space:pre-wrap;padding:7px 12px}.al-fields tr:last-child td{border-bottom:0}.al-field-name{font-weight:600;color:var(--text-secondary)!important}.al-before{background:#f8717112;color:var(--text-secondary)!important}.al-after{background:#22c55e14}.al-empty{color:var(--text-muted);font-style:italic;text-decoration:none}.al-team{width:100%}.al-team-name{color:var(--text-primary);font-weight:600}@media (width<=768px){.al-toolbar .rq-search{flex:100%}.al-select{flex:140px;max-width:none}.al-dates{flex:100%}.al-dates .form-input{flex:1;width:auto}.al-row{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:10px}.al-time{grid-area:2/2;font-size:11.5px}.al-icon{grid-row:1/span 2;align-self:start}.al-badge-wrap{display:none}.al-meta{gap:3px 10px}}