@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-darker: #08080a;--bg-main: #0e0e12;--bg-surface: #14141a;--bg-surface-light: #1e1e24;--bg-surface-active: #25252e;--primary: #e61e43;--primary-light: #ff3b62;--primary-dark: #b30027;--primary-transparent: rgba(230, 30, 67, .08);--primary-transparent-strong: rgba(230, 30, 67, .25);--accent-gold: #c5a059;--accent-gold-light: #e5c17d;--accent-gold-transparent: rgba(197, 160, 89, .12);--text-main: #f3f4f6;--text-dim: #cbd5e1;--text-muted: #64748b;--text-dark: #0f172a;--border-color: rgba(255, 255, 255, .07);--border-light: rgba(255, 255, 255, .12);--success: #10b981;--success-dark: #064e3b;--success-transparent: rgba(16, 185, 129, .1);--alert: #ef4444;--alert-dark: #7f1d1d;--alert-transparent: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-transparent: rgba(245, 158, 11, .1);--font-display: "Outfit", "Inter", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .4);--shadow-glow: 0 0 15px rgba(230, 30, 67, .35);--shadow-gold-glow: 0 0 15px rgba(197, 160, 89, .25);--transition-fast: .12s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .45s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;letter-spacing:-.1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--bg-surface-light);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light);box-shadow:var(--shadow-glow)}#app-layout{display:flex;min-height:100vh}#main-content{flex:1;padding:32px;overflow-y:auto;height:100vh;background:radial-gradient(circle at 80% 10%,rgba(230,30,67,.03) 0%,transparent 50%),radial-gradient(circle at 10% 80%,rgba(197,160,89,.02) 0%,transparent 50%)}#sidebar{width:260px;background-color:var(--bg-darker);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:100;transition:var(--transition-normal)}.sidebar-header{padding:28px 24px;display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.brand-logo{width:38px;height:38px;object-fit:contain;margin-right:12px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:2px;transition:all var(--transition-normal)}.brand-logo:hover{transform:scale(1.08) rotate(4deg);border-color:var(--primary-light);box-shadow:var(--shadow-glow)}.sidebar-title{font-family:var(--font-display);font-weight:900;font-size:1.3rem;letter-spacing:.8px;color:#fff}.sidebar-title span{color:var(--primary);background:linear-gradient(135deg,var(--primary-light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-group{flex:1;padding:24px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-dim);text-decoration:none;border-radius:8px;font-size:.92rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;position:relative}.nav-item:hover{background-color:var(--bg-surface-light);color:#fff;transform:translate(4px)}.nav-item.active{background:linear-gradient(90deg,var(--primary-transparent) 0%,rgba(230,30,67,.02) 100%);border-color:#e61e4326;color:var(--primary-light);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--primary);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--primary-light)}.nav-icon{margin-right:12px;font-size:1.2rem;display:inline-block;width:20px;text-align:center;transition:transform var(--transition-normal)}.nav-item:hover .nav-icon{transform:scale(1.15)}.sidebar-footer{padding:20px 24px;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted);display:flex;flex-direction:column;gap:6px;background:#00000026}#connection-status{display:flex;align-items:center;gap:6px;font-size:.72rem}.mobile-header{display:none;background-color:var(--bg-darker);border-bottom:1px solid var(--border-color);padding:14px 20px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-nav-bar{display:none;background-color:#08080af2;border-top:1px solid var(--border-color);position:fixed;bottom:0;left:0;right:0;height:64px;z-index:99;grid-template-columns:repeat(5,1fr);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:.72rem;font-weight:500;gap:4px;cursor:pointer;transition:all var(--transition-fast)}.mobile-nav-btn.active{color:var(--primary-light);font-weight:600}.mobile-nav-btn span{font-size:1.3rem;transition:transform var(--transition-fast)}.mobile-nav-btn:hover span{transform:scale(1.1)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;color:#fff;margin-bottom:.4em;letter-spacing:-.3px}.eyebrow{font-size:.75rem;font-weight:700;color:var(--primary-light);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}p{color:var(--text-dim);margin-bottom:1em;font-size:.95rem;line-height:1.6}#view-container{animation:viewSlideUp var(--transition-slow) forwards}@keyframes viewSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel{background:#14141aa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.panel:hover{border-color:#ffffff1f;box-shadow:var(--shadow-lg)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel.accent-crimson{border-left:4px solid var(--primary)}.panel.accent-crimson:hover{box-shadow:var(--shadow-glow);border-color:#e61e4340}.panel.accent-gold{border-left:4px solid var(--accent-gold)}.panel.accent-gold:hover{box-shadow:var(--shadow-gold-glow);border-color:#c5a05940}.choice-card{background-color:#19192080;border:1px solid var(--border-color);border-radius:10px;padding:18px;cursor:pointer;transition:all var(--transition-normal)}.choice-card:hover{border-color:var(--primary-transparent-strong);transform:translateY(-3px);background-color:#191920cc;box-shadow:var(--shadow-md)}.choice-card.selected{border-color:var(--primary);background-color:var(--primary-transparent);box-shadow:var(--shadow-glow)}.badge{display:inline-block;padding:5px 12px;border-radius:50px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-active{background-color:#10b9811f;color:var(--success);border:1px solid rgba(16,185,129,.25)}.badge-expiring{background-color:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.25)}.badge-expired{background-color:#ef44441f;color:var(--alert);border:1px solid rgba(239,68,68,.25)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:.9rem;font-weight:600;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;gap:8px;font-family:var(--font-body);letter-spacing:.1px}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;box-shadow:0 4px 15px #e61e4340}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff4c71,var(--primary-light));box-shadow:var(--shadow-glow),0 6px 20px #e61e4366;transform:translateY(-2px)}.btn-primary:disabled{background:var(--bg-surface-light);border:1px solid var(--border-color);color:var(--text-muted);box-shadow:none;opacity:.5;cursor:not-allowed}.btn-ghost{background-color:#ffffff08;border:1px solid var(--border-color);color:var(--text-dim)}.btn-ghost:hover:not(:disabled){background-color:#ffffff14;border-color:#ffffff26;color:#fff;transform:translateY(-1px)}.btn-danger{background-color:#ef444414;border-color:#ef444433;color:var(--alert)}.btn-danger:hover:not(:disabled){background-color:var(--alert);border-color:var(--alert);color:#fff;box-shadow:0 4px 15px #ef44444d;transform:translateY(-2px)}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:6px}label{display:block;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}input[type=text],input[type=number],input[type=date],input[type=url],input[type=email],input[type=tel],select,textarea{width:100%;padding:11px 16px;background-color:#08080a80;border:1px solid var(--border-color);border-radius:8px;color:#fff;font-family:var(--font-body);font-size:.92rem;outline:none;transition:all var(--transition-normal)}input:focus,select:focus,textarea:focus{border-color:var(--primary-light);background-color:#14141ad9;box-shadow:0 0 0 3px #e61e4326,var(--shadow-glow)}.table-container{width:100%;overflow-x:auto;border-radius:8px;border:1px solid var(--border-color);background-color:#08080a33}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}th{background-color:var(--bg-darker);color:var(--text-muted);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;padding:14px 18px;border-bottom:1px solid var(--border-color)}td{padding:16px 18px;border-bottom:1px solid var(--border-color);color:var(--text-dim);transition:background-color var(--transition-fast)}tr:last-child td{border-bottom:none}tr:hover td{background-color:#ffffff05;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-container,.modal-box{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:14px;width:100%;max-width:550px;box-shadow:var(--shadow-lg),0 0 30px #00000080;display:flex;flex-direction:column;max-height:85vh;transform:translateY(15px) scale(.97);transition:transform .3s cubic-bezier(.16,1,.3,1)}.modal-overlay.open .modal-container,.modal-overlay.open .modal-box{transform:translateY(0) scale(1)}.modal-header,.modal-box-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.6rem;cursor:pointer;line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--primary-light)}.modal-body,.modal-box-body{padding:24px;overflow-y:auto;flex:1}.modal-footer,.modal-box-footer{padding:18px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background-color:var(--bg-darker);border-bottom-left-radius:14px;border-bottom-right-radius:14px}#toast-container{position:fixed;bottom:80px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:300}.toast{padding:14px 22px;background-color:#1a1a20e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-left:4px solid var(--primary);border-radius:6px;color:#fff;font-size:.88rem;font-weight:500;box-shadow:var(--shadow-md);animation:toastIn .35s cubic-bezier(.16,1,.3,1) forwards}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--alert)}.toast-info{border-left-color:var(--accent-gold)}.toast-warning{border-left-color:var(--warning)}@keyframes toastIn{0%{transform:translateY(20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.photo-slider-container{position:relative;width:100%;height:380px;overflow:hidden;border:1px solid var(--border-color);border-radius:10px;background-color:#050507;-webkit-user-select:none;user-select:none;cursor:ew-resize}.choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-chip-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-chip{padding:8px 16px;border-radius:50px;font-size:.8rem;font-weight:600;border:1px solid var(--border-color);background:#ffffff05;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.filter-chip:hover{background:#ffffff0f;color:var(--text-main);border-color:#ffffff26}.filter-chip.active{background:var(--primary-transparent);border-color:#e61e4340;color:var(--primary-light);box-shadow:var(--shadow-glow)}.filter-chip.active-green{background:var(--success-transparent);border-color:#10b98140;color:var(--success)}.filter-chip.active-warning{background:var(--warning-transparent);border-color:#f59e0b40;color:var(--warning)}.quick-action-bar{display:flex;gap:10px;flex-wrap:wrap;padding:14px;background-color:#14141a66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;border:1px solid var(--border-color);margin-bottom:24px}@media (max-width: 899px){#app-layout{grid-template-columns:1fr;padding-bottom:64px}#sidebar{display:none}.mobile-header{display:flex}.mobile-nav-bar{display:grid}#main-content{padding:20px;height:auto;min-height:calc(100vh - 128px)}#toast-container{bottom:84px;right:16px;left:16px}}@media print{.no-print{display:none!important}#main-content{height:auto;overflow:visible;padding:0;background:#fff!important}.panel{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}}