body{margin:0;min-width:320px;min-height:100vh;background-color:#020617}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;width:100%}.app-root{min-height:100vh;min-height:100dvh;display:flex;background:radial-gradient(1600px 900px at 5% 0%,rgba(59,130,246,.1),transparent 70%),radial-gradient(1200px 700px at 95% 10%,rgba(250,204,21,.08),transparent 70%),radial-gradient(1200px 700px at 50% 100%,rgba(239,68,68,.08),transparent 70%),url(/BG-IMAGE.png);background-size:cover;background-position:center;background-attachment:fixed;color:#e5e7eb;position:relative;overflow:hidden;animation:fireBgShift 18s ease-in-out infinite alternate}.app-root:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(420px 420px at center,rgba(255,107,53,.16),rgba(247,147,30,.12),rgba(255,217,61,.1),transparent 70%);background-repeat:no-repeat;background-position:var(--cursor-x, 50vw) var(--cursor-y, 50vh);transition:background-position .06s linear;z-index:0}:root{--cursor-x: 50vw;--cursor-y: 50vh}.bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-orb{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(18px);opacity:.65;mix-blend-mode:screen}.orb-1{top:-80px;left:-80px;background:radial-gradient(circle,rgba(255,107,53,.7),transparent 70%);animation:orbFloat1 24s ease-in-out infinite alternate}.orb-2{top:10%;right:5%;background:radial-gradient(circle,rgba(248,250,109,.7),transparent 70%);animation:orbFloat2 26s ease-in-out infinite alternate}.orb-3{bottom:-120px;left:10%;background:radial-gradient(circle,rgba(244,114,182,.6),transparent 70%);animation:orbFloat3 28s ease-in-out infinite alternate}.orb-4{top:40%;left:45%;background:radial-gradient(circle,rgba(59,130,246,.7),transparent 70%);animation:orbFloat4 30s ease-in-out infinite alternate}.orb-5{bottom:12%;right:12%;background:radial-gradient(circle,rgba(34,197,94,.65),transparent 70%);animation:orbFloat5 32s ease-in-out infinite alternate}.orb-6{top:65%;left:-10%;background:radial-gradient(circle,rgba(248,113,113,.65),transparent 70%);animation:orbFloat6 34s ease-in-out infinite alternate}.shell{width:100%;margin:0;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;background:linear-gradient(135deg,#0b0a17,#1a1327 60%,#0b0a17);color:#e5e7eb;border-bottom:1px solid rgba(255,147,30,.25)}.live-ticker{margin:.3rem 1.25rem .8rem;border-radius:999px;padding:.4rem .75rem;background:#b00020;color:#f9fafb;display:flex;align-items:center;gap:.75rem;box-shadow:0 12px 36px #7f1d1de6,0 0 26px #f87171f2;overflow:hidden;border:1px solid rgba(248,250,252,.7)}.live-ticker-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;padding:.2rem .6rem;border-radius:999px;background:#0f172a59;color:#f9fafb;flex-shrink:0}.live-ticker-marquee{flex:1;overflow:hidden;position:relative}.live-ticker-marquee span{display:inline-block;white-space:nowrap;padding-left:100%;animation:tickerScroll 18s linear infinite}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.login-card{position:relative;margin:auto;padding:2.5rem 2.75rem;max-width:420px;width:100%;border-radius:24px;background:radial-gradient(120% 160% at 0% 0%,rgba(255,255,255,.05),transparent 55%),radial-gradient(120% 160% at 100% 100%,rgba(251,146,60,.16),transparent 55%),#070a14d1;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 60px #0f172af2,0 0 40px #f8717159;overflow:hidden;transform-origin:center;animation:cardEntrance .9s cubic-bezier(.22,.9,.25,1.02),cardGlowPulse 4.2s ease-in-out infinite;z-index:1}.login-card:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 180deg,#f8717180,#fb923ccc,#fbbf24cc,#f8717199,#93c5fdb3,#f8717180);opacity:.6;filter:blur(8px);mix-blend-mode:screen;z-index:-2;animation:borderSpin 12s linear infinite}.login-card:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(120% 120% at 0% 0%,rgba(255,255,255,.08),transparent 55%),radial-gradient(120% 120% at 100% 100%,#0f172ae6,#020617);z-index:-1}.login-card h1{display:none}.login-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;justify-content:center}.login-logo{width:72px;height:72px;display:flex;align-items:center;justify-content:center}.login-title-group{display:flex;flex-direction:column;gap:.2rem}.login-title-main{font-size:1.4rem;letter-spacing:.12em;background:linear-gradient(120deg,#f97316,#facc15,#f97316);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(248,113,113,.6),0 0 32px rgba(234,88,12,.8);animation:titlePulse 3.2s ease-in-out infinite}.login-title-sub{font-size:.8rem;color:#cbd5f5;opacity:.85}.login-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#cbd5f5;padding:.55rem .75rem;border-radius:14px;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.04),transparent 55%);border:1px solid rgba(148,163,184,.35);transition:all .2s ease}.login-card label:focus-within{border-color:#f8fa6db3;box-shadow:0 0 0 1px #f8fa6d80,0 0 32px #f59e0ba6;transform:translateY(-1px) scale(1.01)}.login-card input{border-radius:10px;border:0;padding:.5rem .75rem;background:#0f172aeb;color:#e5e7eb;box-shadow:inset 0 0 0 1px #1e40afb3;outline:none;font-size:.9rem;transition:box-shadow .2s ease,transform .2s ease,background .2s ease}.login-card input::placeholder{color:#64748b}.login-card input:focus{box-shadow:inset 0 0 0 1px #f8fa6db3,0 0 22px #f8717173;background:#0f172a;transform:translateY(-1px)}.login-input-wrapper input,.login-input-wrapper input:focus,.login-input-wrapper input::placeholder{background:transparent!important;box-shadow:none!important;border:none!important;transform:none!important}.login-input-wrapper input::placeholder{color:#64748b!important}.login-card button:not(.password-eye-btn):not(.role-option){margin-top:.5rem;padding:.8rem 1.1rem;border-radius:999px;border:0;cursor:pointer;font-weight:600;letter-spacing:.04em;background-image:linear-gradient(120deg,#fbbf24f2,#f87171fa),radial-gradient(circle at 0% 0%,rgba(254,249,195,.7),transparent 55%);color:#020617;box-shadow:0 16px 40px #f871718c,0 0 32px #fbbf24d9;position:relative;overflow:hidden;transform-origin:center;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.login-card button:not(.password-eye-btn):not(.role-option):before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);opacity:0;transform:translate(-120%)}.login-card button:not(.password-eye-btn):not(.role-option):hover:before{opacity:1;transform:translate(120%);transition:transform .9s ease,opacity .9s ease}.login-card button:not(.password-eye-btn):not(.role-option):hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.03);box-shadow:0 20px 50px #f87171b3,0 0 40px #fbbf24f2}.login-card button:not(.password-eye-btn):not(.role-option):active{transform:translateY(1px) scale(.98);box-shadow:0 10px 28px #7f1d1db3,0 0 18px #7c2d12bf}.brand{font-weight:700}.topbar-right{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.user-menu{position:relative}.user-menu-trigger{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,170,0,.35);background:radial-gradient(120% 120% at 0% 0%,rgba(255,107,53,.22),transparent 55%),radial-gradient(120% 120% at 100% 100%,rgba(250,204,21,.18),transparent 55%),linear-gradient(145deg,#0f172afa,#0f172af5);color:#fde68a;cursor:pointer;box-shadow:0 10px 24px #ff6b3540,0 0 18px #facc1540;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.user-menu-trigger:hover{transform:translateY(-1px);filter:brightness(1.05)}.user-avatar-letter{display:none}.user-avatar-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#fde68a;filter:drop-shadow(0 0 6px rgba(255,122,0,.35))}.user-avatar-img{width:28px;height:28px;border-radius:999px;object-fit:cover;box-shadow:0 0 0 1px #ffaa0073,0 0 12px #ff7a0040}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;border-radius:16px;background:radial-gradient(120% 120% at 0% 0%,rgba(255,107,53,.2),transparent 55%),radial-gradient(120% 120% at 100% 100%,rgba(250,204,21,.16),transparent 55%),linear-gradient(145deg,#0f172afa,#0f172af5);border:1px solid rgba(255,170,0,.35);box-shadow:0 18px 45px #0f172ad9,0 0 28px #ff7a0059;padding:.6rem;z-index:2000;animation:menuPop .14s ease-out both}@keyframes menuPop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-header{display:flex;align-items:center;gap:.6rem;padding:.4rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:.4rem}.user-avatar-lg{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff9f43,#ffd166);box-shadow:0 0 16px #ff7a0059}.user-avatar-lg-img{width:42px;height:42px;border-radius:999px;object-fit:cover;box-shadow:0 0 16px #ff7a0059}.user-menu-meta{display:flex;flex-direction:column;line-height:1.1}.user-menu-name{font-weight:700;color:#fff}.user-menu-email{font-size:.78rem;color:#cbd5e1}.user-role-badge{margin-top:.25rem;display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;color:#0b0a17;background:linear-gradient(135deg,#ff9f43,#ffd166);box-shadow:0 0 12px #ff7a0040}.user-menu-items{display:flex;flex-direction:column;padding:.2rem;gap:.2rem}.user-menu-item{border:none;background:transparent;color:#e5e7eb;text-align:left;padding:.55rem .7rem;border-radius:10px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:background .15s ease,color .15s ease}.user-menu-item:hover{background:#ffaa001f;color:#fff}.user-menu-logout{color:#fecaca}.user-menu-logout:hover{background:#ef444433;color:#fff}.topbar-logout{padding:.35rem .75rem;border-radius:4px;border:none;background:#ef4444;color:#fff;cursor:pointer;font-size:.8rem}.status-online{color:#22c55e;font-weight:800;letter-spacing:.02em;text-shadow:0 0 6px rgba(34,197,94,.35)}.layout{display:flex;flex:1;padding:1rem;gap:1rem;background:transparent;position:relative}.layout.layout-sidebar-hidden{justify-content:center}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;padding:.25rem .25rem 1rem}.sidebar-toggle-button{position:absolute;top:.1rem;left:.6rem;width:38px;height:30px;border-radius:999px;border:1px solid rgba(248,250,252,.35);background:#0f172ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:0 10px 25px #0f172ae6,0 0 12px #f87171d9;z-index:15;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.sidebar-toggle-button:hover{transform:translateY(-1px);box-shadow:0 14px 32px #0f172af2,0 0 16px #f87171f2;background:#0f172afa}.sidebar-toggle-line{width:18px;height:2px;border-radius:999px;background:#f9fafb}.back-row{margin-bottom:.75rem}.back-button{border:none;padding:.35rem .9rem;border-radius:999px;font-size:.8rem;cursor:pointer;background:linear-gradient(135deg,#0f172ae6,#1e40afd9);color:#e5f2ff;box-shadow:0 4px 12px #1e40af99;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.back-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1e40afd9}.back-button:active{transform:translateY(0);box-shadow:0 3px 8px #1e40af99}.back-to-dashboard-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(139,92,246,.3);padding:6px 16px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;background:#8b5cf61a;color:#c4b5fd;margin-bottom:16px;transition:all .2s ease;letter-spacing:.02em}.back-to-dashboard-btn svg{transition:transform .2s ease}.back-to-dashboard-btn:hover{background:#8b5cf633;border-color:#8b5cf680;color:#e9d5ff;box-shadow:0 2px 12px #8b5cf633}.back-to-dashboard-btn:hover svg{transform:translate(-3px)}.back-to-dashboard-btn:active{transform:scale(.97)}.settings-title{font-size:1.4rem;margin-bottom:.75rem;background:linear-gradient(90deg,#f97316,#fb923c,#facc15);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.settings-card{border-radius:18px;padding:1.5rem;background:radial-gradient(circle at 0% 0%,rgba(248,113,113,.22),transparent 55%),radial-gradient(circle at 100% 100%,rgba(234,179,8,.16),transparent 55%),linear-gradient(135deg,#0f172af5,#0f172afa);border:1px solid rgba(248,250,252,.1);box-shadow:0 18px 45px #0f172ae6,0 0 28px #f973164d}.settings-tabs{display:inline-flex;padding:.25rem;border-radius:999px;background:linear-gradient(120deg,#0f172af2,#18181bfa);border:1px solid rgba(148,163,184,.55);margin-bottom:1rem;box-shadow:0 12px 30px #0f172ae6}.settings-tab-pill{border:none;background:transparent;color:#9ca3af;padding:.45rem .9rem;font-size:.8rem;border-radius:999px;cursor:pointer;transition:all .18s ease;letter-spacing:.03em;display:inline-flex;align-items:center;gap:.35rem}.settings-tab-pill:before{content:"";width:7px;height:7px;border-radius:999px;background:#9ca3afa6;box-shadow:0 0 0 1px #0f172ab3}.settings-tab-pill.active{background:radial-gradient(circle at 0% 0%,#f87171fa,#fbbf24f5);color:#020617;box-shadow:0 10px 26px #f87171bf,0 0 24px #fbbf24e6}.settings-tab-pill.active:before{background:#0f172a;box-shadow:0 0 0 1px #0f172ad9}.settings-tab-pill:not(.active):hover{background:#1e40af73;color:#e5e7eb}.ticker-container{background-color:#111827;color:#fbbf24;overflow:hidden;height:30px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1000}.ticker-wrapper{display:flex;width:100%;white-space:nowrap;overflow:hidden}.ticker-text{display:inline-block;padding-left:100%;animation:ticker 20s linear infinite;font-weight:600;font-size:.9rem;letter-spacing:.5px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}.settings-tabs .tab{border:none;background:transparent;color:#e5e7eb;padding:.4rem .9rem;font-size:.8rem;border-radius:999px;cursor:pointer;transition:all .18s ease;letter-spacing:.03em}.settings-tabs .tab.active{background:radial-gradient(circle at 0% 0%,#f87171f2,#fbbf24f2);color:#020617;box-shadow:0 8px 20px #f8717199,0 0 18px #fbbf24cc}.settings-tabs .tab:not(.active):hover{background:#94a3b838}.settings-form{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem}.settings-form input,.settings-form select{width:100%;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:radial-gradient(circle at 0% 0%,#0f172af2,#0f172afa);padding:.45rem .9rem;font-size:.85rem;color:#e5e7eb;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.settings-form input:focus,.settings-form select:focus{border-color:#fbbf24e6;box-shadow:0 0 0 1px #f87171b3,0 0 20px #fbbf24b3;background:radial-gradient(circle at 0% 0%,#1e40aff2,#0f172afa)}.settings-form .toggle-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#e5e7eb}.settings-form .toggle-row input[type=checkbox]{width:1rem;height:1rem;accent-color:#f97316}.settings-save-button{margin-top:.9rem;align-self:center;min-width:220px;border-radius:999px;border:0;padding:.55rem 1.4rem;background-image:linear-gradient(120deg,#fbbf24f2,#f87171fa),radial-gradient(circle at 0% 0%,rgba(254,249,195,.7),transparent 55%);color:#020617;font-weight:600;letter-spacing:.04em;cursor:pointer;box-shadow:0 16px 40px #f871718c,0 0 32px #fbbf24d9;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.settings-save-button:hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.03);box-shadow:0 20px 50px #f87171b3,0 0 40px #fbbf24f2}.settings-save-button:active{transform:translateY(1px) scale(.98);box-shadow:0 10px 28px #7f1d1db3,0 0 18px #7c2d12bf}.devtools-grid{margin-top:1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.devtools-card{border-radius:16px;padding:1rem;background:radial-gradient(circle at 0% 0%,#0f172af7,#0f172afc);border:1px solid rgba(30,64,175,.7);box-shadow:0 14px 32px #0f172af2,0 0 24px #1e40afcc}.devtools-card h3{font-size:.95rem;margin-bottom:.6rem;background:linear-gradient(120deg,#60a5fa,#f97316,#facc15);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.devtools-table{margin-top:1.25rem;border-radius:18px;padding:.75rem;background:radial-gradient(circle at 0% 0%,rgba(30,64,175,.4),transparent 55%),radial-gradient(circle at 100% 100%,rgba(248,113,113,.2),transparent 55%),linear-gradient(135deg,#0f172af7,#0f172afc);border:1px solid rgba(148,163,184,.5);box-shadow:0 18px 40px #0f172af2,0 0 26px #1e40afd9}.devtools-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:#e5e7eb}.devtools-table-header span{font-weight:600}.table-scroll{max-height:260px;overflow:auto;border-radius:12px;border:1px solid rgba(15,23,42,.9)}.table-scroll table{width:100%;border-collapse:collapse;font-size:.8rem}.table-scroll thead{background:linear-gradient(135deg,#1e40afe6,#0f172afa);position:sticky;top:0;z-index:1}.table-scroll th,.table-scroll td{padding:.4rem .6rem;text-align:left;white-space:nowrap}.table-scroll tbody tr:nth-child(odd){background:#0f172af2}.table-scroll tbody tr:nth-child(2n){background:#0f172ae6}.table-scroll tbody tr:hover{background:#1e40afa6}.table-scroll th{color:#f9fafb;font-weight:600}.table-scroll td{color:#e5e7eb}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.5rem;font-size:.75rem;color:#cbd5f5}.table-pagination button{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172ae6;color:#e5e7eb;padding:.25rem .6rem;cursor:pointer;font-size:.75rem}.table-pagination button:disabled{opacity:.4;cursor:default}.table-pagination button:not(:disabled):hover{background:#1e40afe6}.devtools-detail{margin-top:.75rem;border-radius:12px;padding:.7rem;background:radial-gradient(circle at 0% 0%,rgba(30,64,175,.55),transparent 55%),linear-gradient(135deg,#0f172afa,#0f172afc);border:1px solid rgba(30,64,175,.8)}.detail-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#e5e7eb;padding:.2rem 0}.detail-row span{opacity:.7}.detail-row strong{font-weight:600}.form-inline{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.form-inline input{flex:1;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:radial-gradient(circle at 0% 0%,#0f172af2,#0f172afa);padding:.4rem .8rem;font-size:.8rem;color:#e5e7eb;outline:none}.form-inline span{font-size:.8rem;color:#9ca3af}.hierarchy-tree{max-height:220px;overflow:auto;padding-right:.25rem}.hierarchy-root{margin-bottom:.4rem}.hierarchy-node{font-size:.8rem;color:#e5e7eb}.hierarchy-child{font-size:.78rem;color:#cbd5f5;padding-left:.75rem}.hierarchy-list{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto;font-size:.78rem;color:#e5e7eb}.hierarchy-list li{padding:.15rem 0}.devtools-pre{margin-top:.6rem;border-radius:10px;background:#0f172ae6;border:1px solid rgba(148,163,184,.7);padding:.5rem;font-size:.75rem;color:#e5e7eb;max-height:180px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.security-grid{align-items:stretch}.security-card{position:relative;overflow:hidden}.security-card-danger{box-shadow:0 16px 40px #7f1d1de6,0 0 32px #f87171e6;border-color:#f87171e6}.security-card-warning{box-shadow:0 16px 40px #b45309e6,0 0 32px #fbbf24e6;border-color:#fbbf24e6}.security-card-soft{box-shadow:0 16px 40px #1e40afd9,0 0 32px #3b82f6e6;border-color:#3b82f6e6}.security-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 0% 0%,rgba(248,113,113,.18),transparent 55%),radial-gradient(circle at 100% 100%,rgba(251,191,36,.16),transparent 55%);opacity:.6;mix-blend-mode:screen;pointer-events:none}.security-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.security-subtitle{font-size:.75rem;color:#9ca3af}.security-list{list-style:none;margin:0;padding:.35rem 0 0;max-height:220px;overflow:auto}.security-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.78rem;color:#e5e7eb;padding:.25rem 0}.security-item-ip{overflow:hidden;text-overflow:ellipsis}.security-item-count{white-space:nowrap}.security-empty{font-size:.78rem;color:#9ca3af;padding:.25rem 0}.security-badge{border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:600;letter-spacing:.03em}.security-badge-danger{background:#f8717133;color:#fecaca;border:1px solid rgba(248,113,113,.7)}.security-badge-warning{background:#fbbf242e;color:#fef3c7;border:1px solid rgba(251,191,36,.7)}.security-badge-soft{background:#3b82f633;color:#dbeafe;border:1px solid rgba(59,130,246,.8)}.sidebar{width:260px;background:radial-gradient(140% 140% at 0% 0%,rgba(248,113,22,.32),transparent 60%),radial-gradient(140% 140% at 100% 100%,rgba(236,72,153,.3),transparent 60%),linear-gradient(180deg,#0b0b1d,#1a1020 40%,#311115);border-radius:18px;padding:1.25rem 1rem;border:1px solid rgba(30,64,175,.5);font-size:.95rem;box-shadow:0 18px 45px #0f172abf,0 0 24px #1e40af99;position:relative;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.sidebar:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(148,163,184,.28);background:radial-gradient(420px 420px at 0% 0%,rgba(56,189,248,.18),transparent 65%);opacity:.5;pointer-events:none}.sidebar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.08);flex-wrap:wrap}.sidebar-logo{width:1.5in;height:1.5in;display:flex;align-items:center;justify-content:center}.fire-logo-img{width:1.5in;height:1.5in;object-fit:contain;animation:pulse 2s infinite;filter:drop-shadow(0 0 12px rgba(255,107,53,.7));mix-blend-mode:screen;background:transparent}.sidebar-title{font-weight:700;font-size:1.1rem;background:linear-gradient(45deg,#ff6b35,#f7931e,#ffd93d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite}.sidebar-nav{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.5rem;max-height:calc(100vh - 220px);overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b859,#334155e6);border-radius:999px}.sidebar-group{margin-top:.5rem}.sidebar-group-title{font-size:.9rem;color:#94a3b8;padding:.4rem .5rem;margin:.25rem 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:8px;transition:all .2s ease}.sidebar-group-title:hover{background:#ffffff0f}.sidebar-group-title.active{color:#e5e7eb;background:linear-gradient(135deg,#ff6b3538,#f7931e38)}.group-arrow{color:#cbd5e1}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:1.05rem 1.1rem;border-radius:22px;cursor:pointer;color:#e5e7eb;background:radial-gradient(120% 140% at 0% 0%,rgba(248,250,252,.08),transparent 55%),#0f172ae0;border:1px solid rgba(148,163,184,.45);box-shadow:0 4px 16px #0f172ae6,0 0 0 1px #0f172ae6 inset;position:relative;overflow:hidden;z-index:1;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .18s ease}.sidebar-link:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 220deg,#f9731600,#f97316f2,#facc15f2,#f8fafc00,#4f46e500);background-size:200% 200%;opacity:0;filter:blur(10px);mix-blend-mode:screen;transition:opacity .18s ease;z-index:0}.sidebar-link:hover{background:#0f172afa;border-color:#f4f4f5d9;box-shadow:0 10px 30px #f87116a6,0 0 24px #facc15a6;transform:translateY(-2px)}.sidebar-link:hover:before{opacity:1;animation:sidebarFire 1.4s linear infinite}.sidebar-link .sidebar-icon,.sidebar-link .sidebar-text-main{text-shadow:0 1px 4px rgba(0,0,0,.8);position:relative;z-index:1}@keyframes sidebarFire{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fireWobble{0%{filter:brightness(1) drop-shadow(0 0 0 #ff6b35)}40%{filter:brightness(1.2) drop-shadow(0 0 12px #ffd93d)}70%{filter:brightness(1.1) drop-shadow(0 0 18px #ff6b35)}to{filter:brightness(1) drop-shadow(0 0 0 #ff6b35)}}.sidebar-link:active{transform:translate(5px) scale(1.02);box-shadow:0 12px 26px #3b82f659}.sidebar-link.active{background:#1e293beb;color:#fff;border-color:#facc15;box-shadow:0 0 24px #facc15,0 2px 12px #a855f755,0 1.5px 8px #5050ff1a inset;transform:scale(1.06) translateY(-3px)}.sidebar-link.active .sidebar-icon{filter:brightness(0) saturate(100%);animation:bounce .5s ease}.sidebar-icon{font-size:1.25rem;transition:all .3s ease;min-width:20px}.sidebar-text{font-weight:600;font-size:.95rem;transition:all .3s ease}.sidebar-link:hover .sidebar-icon{transform:scale(1.2) rotate(5deg)}.sidebar-link:nth-child(1):hover,.sidebar-link:nth-child(2):hover,.sidebar-link:nth-child(3):hover,.sidebar-link:nth-child(4):hover,.sidebar-link:nth-child(5):hover,.sidebar-link:nth-child(6):hover{background:linear-gradient(135deg,#3b82f64d,#1e40aff2)}.sidebar-summary{border-top:1px solid #1f2937;padding-top:.75rem;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.summary-line{display:flex;justify-content:space-between}.dashboard-main{flex:1;border-radius:16px;padding:1.25rem;border:1px solid #3a2940;background:radial-gradient(1200px 800px at 12% 8%,rgba(255,107,53,.12),transparent 70%),radial-gradient(1400px 900px at 88% 15%,rgba(247,147,30,.12),transparent 70%),linear-gradient(135deg,#0b0a17,#1a1327 55%,#0b0a17);box-shadow:inset 0 1px #ffffff0f,0 18px 50px #ff6b351f,0 0 0 1px #ffffff08;max-height:calc(100vh - 4rem);overflow-y:auto;animation:panelReveal .3s ease;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard-main:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px 400px at center,rgba(255,107,53,.18),rgba(247,147,30,.14),transparent 65%);background-repeat:no-repeat;background-position:var(--cursor-x, 50vw) var(--cursor-y, 50vh);transition:background-position .06s linear;z-index:0}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1400px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.stat-grid{display:contents}@keyframes cardEntry{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.flame-bg{background:radial-gradient(80% 120% at 20% 0%,rgba(255,107,53,.14),transparent 60%),radial-gradient(90% 120% at 100% 100%,rgba(247,147,30,.12),transparent 60%),linear-gradient(145deg,#1f2937bf,#111827f2)}.flame-border{box-shadow:0 8px 22px #ff6b352e,0 0 22px #f7931e29,inset 0 0 0 1px #ffffff0d;border:1px solid rgba(255,149,0,.28)}.flame-ring{position:relative}.flame-ring:before{content:"";position:absolute;inset:-2px;border-radius:12px;background:conic-gradient(from 0deg,#ff6b3500,#ff6b3559 10%,#f7931e73,#facc1566,#f7931e73,#ff6b3559 70%,#ff6b3500);filter:blur(10px);opacity:.45;mix-blend-mode:screen;z-index:-1;animation:flameFlow 6s linear infinite}@keyframes flameFlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-card{background:radial-gradient(80% 120% at 20% 0%,rgba(255,107,53,.1),transparent 60%),radial-gradient(90% 120% at 100% 100%,rgba(247,147,30,.08),transparent 60%),linear-gradient(145deg,#1f2937bf,#111827f2);border:1px solid rgba(255,149,0,.28);border-radius:12px;padding:1rem;display:flex;flex-direction:column;box-shadow:0 8px 22px #ff6b352e,0 0 22px #f7931e29,inset 0 0 0 1px #ffffff0d;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:0;animation:cardEntry .6s cubic-bezier(.2,.8,.2,1) backwards,floatCard 6s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.stat-card:nth-child(1){animation-delay:.1s,1s}.stat-card:nth-child(2){animation-delay:.15s,1.5s}.stat-card:nth-child(3){animation-delay:.2s,2s}.stat-card:nth-child(4){animation-delay:.25s,2.5s}.stat-card:nth-child(5){animation-delay:.3s,3s}.stat-card:nth-child(6){animation-delay:.35s,3.5s}.stat-card:nth-child(7){animation-delay:.4s,4s}.stat-card:nth-child(8){animation-delay:.45s,4.5s}.stat-card:nth-child(9){animation-delay:.5s,5s}.stat-card:nth-child(10){animation-delay:.55s,5.5s}.stat-card:nth-child(11){animation-delay:.6s,6s}.stat-card:nth-child(12){animation-delay:.65s,6.5s}.stat-card:hover{animation-play-state:paused;transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px #0006;z-index:10}.stat-card:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--x, 50%) var(--y, 50%),rgba(255,122,0,.1),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.stat-card:hover:after{opacity:1}.stat-card:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:radial-gradient(420px circle at var(--x, 50%) var(--y, 50%),rgba(255,122,0,.3),transparent 45%),conic-gradient(from 0deg,#ff6b3500,#ff6b3559 10%,#f7931e73,#facc1566,#f7931e73,#ff6b3559 70%,#ff6b3500);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card{border-left:4px solid rgba(255,122,0,.8)}.stat-card:nth-child(odd){border-left-color:#ff6b35f2}.stat-card:nth-child(2n){border-left-color:#f7931ef2}.dashboard-grid .stat-card:nth-child(1){background:radial-gradient(80% 120% at 20% 0%,rgba(59,130,246,.13),transparent 60%),linear-gradient(145deg,#1f2937cc,#111827f2);border-left-color:#3b82f6;box-shadow:0 8px 22px #3b82f62e,inset 0 0 0 1px #ffffff0d}.dashboard-grid .stat-card:nth-child(2){background:radial-gradient(80% 120% at 20% 0%,rgba(16,185,129,.13),transparent 60%),linear-gradient(145deg,#1f2937cc,#111827f2);border-left-color:#10b981;box-shadow:0 8px 22px #10b9812e,inset 0 0 0 1px #ffffff0d}.dashboard-grid .stat-card:nth-child(3){background:radial-gradient(80% 120% at 20% 0%,rgba(239,68,68,.13),transparent 60%),linear-gradient(145deg,#1f2937cc,#111827f2);border-left-color:#ef4444;box-shadow:0 8px 22px #ef44442e,inset 0 0 0 1px #ffffff0d}.dashboard-grid .stat-card:nth-child(4){background:radial-gradient(80% 120% at 20% 0%,rgba(139,92,246,.13),transparent 60%),linear-gradient(145deg,#1f2937cc,#111827f2);border-left-color:#8b5cf6;box-shadow:0 8px 22px #8b5cf62e,inset 0 0 0 1px #ffffff0d}.dashboard-grid .stat-card:nth-child(5){background:radial-gradient(80% 120% at 20% 0%,rgba(245,158,11,.13),transparent 60%),linear-gradient(145deg,#1f2937cc,#111827f2);border-left-color:#f59e0b;box-shadow:0 8px 22px #f59e0b2e,inset 0 0 0 1px #ffffff0d}.dashboard-grid .stat-card:nth-child(6){background:radial-gradient(80% 120% at 20% 0%,rgba(6,182,212,.13),transparent 60%),linear-gradient(145deg,#1f2937cc,#111827f2);border-left-color:#06b6d4;box-shadow:0 8px 22px #06b6d42e,inset 0 0 0 1px #ffffff0d}.dashboard-grid .stat-card:nth-child(7){background:radial-gradient(80% 120% at 20% 0%,rgba(236,72,153,.13),transparent 60%),linear-gradient(145deg,#1f2937cc,#111827f2);border-left-color:#ec4899;box-shadow:0 8px 22px #ec48992e,inset 0 0 0 1px #ffffff0d}.dashboard-grid .stat-card:nth-child(8){background:radial-gradient(80% 120% at 20% 0%,rgba(251,146,60,.13),transparent 60%),linear-gradient(145deg,#1f2937cc,#111827f2);border-left-color:#fb923c;box-shadow:0 8px 22px #fb923c2e,inset 0 0 0 1px #ffffff0d}.dashboard-grid .stat-card:nth-child(9){background:radial-gradient(80% 120% at 20% 0%,rgba(52,211,153,.13),transparent 60%),linear-gradient(145deg,#1f2937cc,#111827f2);border-left-color:#34d399;box-shadow:0 8px 22px #34d3992e,inset 0 0 0 1px #ffffff0d}.dashboard-grid .stat-card:nth-child(10){background:radial-gradient(80% 120% at 20% 0%,rgba(167,139,250,.13),transparent 60%),linear-gradient(145deg,#1f2937cc,#111827f2);border-left-color:#a78bfa;box-shadow:0 8px 22px #a78bfa2e,inset 0 0 0 1px #ffffff0d}.stat-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #00000059,0 0 28px #ff7a0059}.stat-label{font-size:.8rem;color:#fef3c7;margin-bottom:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;position:relative;text-shadow:0 0 6px rgba(255,122,0,.6),0 0 16px rgba(247,147,30,.4);transition:all .3s ease}.stat-card:hover .stat-label{color:#fff;text-shadow:0 0 10px rgba(255,122,0,.7),0 0 20px rgba(247,147,30,.5);letter-spacing:.12em}.stat-value{font-size:2.1rem;font-weight:700;background:linear-gradient(120deg,#fff,#ffd166 40%,#ff8c3b,#ffd166,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;text-shadow:0 2px 6px rgba(0,0,0,.25);animation:firePulse 3s ease-in-out infinite}@keyframes firePulse{0%{filter:drop-shadow(0 0 0 rgba(255,122,0,0))}50%{filter:drop-shadow(0 0 10px rgba(255,122,0,.35))}to{filter:drop-shadow(0 0 0 rgba(255,122,0,0))}}.stat-label{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#0b0a17;background:linear-gradient(135deg,#ff9f43,#ffd166);border:1px solid rgba(255,170,0,.6);box-shadow:0 0 8px 2px #ff7a002e,0 0 16px 4px #f7931e29,0 0 24px 6px #ffa3001f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-value{grid-column:1 / -1;font-size:1.7rem;font-weight:800;text-shadow:0 0 10px rgba(0,0,0,.7);position:relative;z-index:1}.stat-grid .stat-card:nth-child(2){border-left-color:#22c55e}.stat-grid .stat-card:nth-child(3){border-left-color:#f59e0b}.stat-grid .stat-card:nth-child(4){border-left-color:#8b5cf6}.stat-grid .stat-card:nth-child(5){border-left-color:#ec4899}.stat-grid .stat-card:nth-child(6){border-left-color:#06b6d4}.reveal-grid .stat-card:nth-child(1){animation:cardIn .25s ease both}.reveal-grid .stat-card:nth-child(2){animation:cardIn .35s ease both}.reveal-grid .stat-card:nth-child(3){animation:cardIn .45s ease both}.reveal-grid .stat-card:nth-child(4){animation:cardIn .55s ease both}.reveal-grid .stat-card:nth-child(5){animation:cardIn .65s ease both}.reveal-grid .stat-card:nth-child(6){animation:cardIn .75s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.dashboard-note{margin-top:.75rem;color:#93c5fd;font-size:.9rem}.quick-actions{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.action-button{padding:.7rem .9rem;border-radius:8px;border:1px solid rgba(255,147,30,.25);background:linear-gradient(135deg,#0f0e1af5,#1a1327fa);color:#e5e7eb;cursor:pointer;transition:all .2s ease;font-size:.95rem}.action-button:hover{transform:translateY(-2px);box-shadow:0 12px 22px #ff6b3529;filter:brightness(1.05)}.action-button:active{transform:scale(.98);box-shadow:0 12px 24px #ff6b3538}.dash-card{position:static;padding:0;border-radius:0;background:none;border:none;box-shadow:none;transition:none}.stat-glow{display:inline-block;padding:.35em .9em;font-size:1.1rem;font-weight:700;color:#111;background:none;border-radius:12px;position:relative;z-index:1;box-shadow:0 0 18px 4px #ff6b35,0 0 24px 8px #a855f7,0 0 12px 2px #22d3ee,0 0 8px 1px #facc15}.stat-glow.green{box-shadow:0 0 18px 4px #22c55e,0 0 24px 8px #a3e635}.stat-glow.yellow{box-shadow:0 0 18px 4px #f59e0b,0 0 24px 8px #fde047}.stat-glow.purple{box-shadow:0 0 18px 4px #8b5cf6,0 0 24px 8px #c4b5fd}.stat-glow.pink{box-shadow:0 0 18px 4px #ec4899,0 0 24px 8px #fca5a5}.stat-glow.blue{box-shadow:0 0 18px 4px #06b6d4,0 0 24px 8px #67e8f9}.stat-glow.orange{box-shadow:0 0 18px 4px #ff6b35,0 0 24px 8px #f7931e}.dash-card:before{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(180deg,#fff0,#fff0);pointer-events:none;opacity:0}.dash-card h2{font-size:1rem;margin-bottom:.35rem;color:#111827;letter-spacing:.2px;text-shadow:none}.dash-card p{font-size:1.6rem;font-weight:700;color:#111827;text-shadow:none}.dash-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000014}.dash-card:active{transform:translateY(-2px) scale(.99)}.dashboard-grid .dash-card:nth-child(1){border-color:#3b82f699;box-shadow:0 8px 24px #3b82f633}.dashboard-grid .dash-card:nth-child(2){border-color:#10b98199;box-shadow:0 8px 24px #10b98133}.dashboard-grid .dash-card:nth-child(3){border-color:#f59e0b99;box-shadow:0 8px 24px #f59e0b33}.dashboard-grid .dash-card:nth-child(4){border-color:#8b5cf699;box-shadow:0 8px 24px #8b5cf633}.dashboard-grid .dash-card:nth-child(5){border-color:#ec489999;box-shadow:0 8px 24px #ec489933}.dashboard-grid .dash-card:nth-child(6){border-color:#06b6d499;box-shadow:0 8px 24px #06b6d433}.forms-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.user-status{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .7rem;border-radius:999px;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.user-status.active{background:#22c55e29;color:#bbf7d0;border:1px solid rgba(34,197,94,.7)}.user-status.inactive{background:#f8717129;color:#fecaca;border:1px solid rgba(248,113,113,.7)}.user-actions{display:flex;gap:.4rem;margin-top:0;align-items:center}.user-controls{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.user-pass-form{margin-top:.4rem;display:flex;gap:.4rem}.user-pass-form input{min-width:160px}.user-action-btn{border:none;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;cursor:pointer;background:linear-gradient(135deg,#3b82f659,#38bdf859);color:#e5f2ff;box-shadow:0 4px 10px #3b82f659;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.user-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #3b82f680}.user-action-btn:active{transform:translateY(0);box-shadow:0 3px 8px #3b82f666}.user-action-btn.danger{background:linear-gradient(135deg,#ef44448c,#f9731699);box-shadow:0 4px 10px #ef44448c}.user-action-btn.danger:hover{box-shadow:0 6px 14px #ef4444cc}.user-action-btn.change-pass-btn{background:linear-gradient(135deg,#f472b6d9,#ec4899e6);color:#fff1f2;box-shadow:0 4px 12px #ec4899b3}.user-action-btn.change-pass-btn:hover{box-shadow:0 6px 16px #ec4899e6}.user-action-btn.reset-btn{background:linear-gradient(135deg,#facc15e6,#fcd34df2);color:#ef4444;box-shadow:0 4px 10px #facc15b3}.user-action-btn.reset-btn:hover{box-shadow:0 6px 14px #facc15e6}.list-actions{display:flex;gap:.5rem;margin-top:.75rem}.action-btn{border:none;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease;color:#fff;font-weight:500}.action-btn.activate{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 10px #10b98159}.action-btn.activate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #10b98180}.action-btn.activate:disabled{opacity:.5;cursor:not-allowed}.action-btn.deactivate{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 10px #f59e0b59}.action-btn.deactivate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #f59e0b80}.action-btn.deactivate:disabled{opacity:.5;cursor:not-allowed}.action-btn.reset{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 10px #8b5cf659}.action-btn.reset:hover{transform:translateY(-1px);box-shadow:0 6px 14px #8b5cf680}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.rate-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:.5rem}.status-item{background:linear-gradient(135deg,#020617d9,#111827f2);border:1px solid rgba(147,197,253,.3);border-radius:12px;padding:.75rem;display:flex;justify-content:space-between;align-items:center}.section-row{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.section-row.section-row-two{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.section-row.section-row-all-users{grid-template-columns:1fr}.list-card{background:linear-gradient(135deg,#0e101cf0,#141222f7);border:1px solid rgba(255,147,30,.22);border-radius:12px;padding:1rem;box-shadow:0 10px 24px #ff6b351a;animation:cardIn .35s ease}.list-card.colorful{background:linear-gradient(135deg,#0f0e1af5,#1a1327fa);border:1px solid rgba(255,147,30,.25);box-shadow:0 14px 34px #ff6b3524,0 0 24px #f7931e1f;position:relative;overflow:hidden}.list-card.colorful:before{content:"";position:absolute;top:-30%;left:-10%;width:60%;height:160%;background:radial-gradient(closest-side,rgba(255,107,53,.18),rgba(247,147,30,.12),rgba(255,217,61,.1),transparent 70%);filter:blur(10px);transform:rotate(12deg);pointer-events:none}.list{display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,147,30,.18);transition:transform .15s ease,box-shadow .15s ease}.list-main{display:flex;gap:1.25rem;align-items:baseline}.user-field{display:inline-flex;align-items:baseline;gap:.25rem}.user-name{font-weight:600;color:#e5e7eb}.user-id .user-label,.user-mobile .user-label,.user-pass .user-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#f97316}.user-id .user-value{color:#fef3c7}.user-mobile .user-value{color:#a5b4fc}.user-pass .user-value{color:#fca5a5}.rate-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.rate-summary-grid.single{grid-template-columns:repeat(1,minmax(0,1fr))}.rate-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;background:linear-gradient(135deg,#38bdf847,#a855f747),#1e293b8c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;border:3.5px solid;border-image:linear-gradient(120deg,#22d3ee,#a855f7,#facc15,#ff6b35,#a855f7) 1;box-shadow:0 18px 48px #38bdf82e,0 8px 32px #a855f7aa,0 1.5px 8px #facc151f inset;transition:box-shadow .28s cubic-bezier(.4,2,.6,1),border .28s,background .28s,transform .28s;position:relative;overflow:visible;z-index:2;animation:dashCardGlow 4s linear infinite}.dash-card:hover{box-shadow:0 32px 80px #22d3ee44,0 16px 56px #a855f7bb,0 1.5px 8px #facc152e inset;transform:scale(1.09) translateY(-8px);border-image:linear-gradient(120deg,#a855f7,#22d3ee,#facc15,#ff6b35,#22d3ee) 1}@keyframes dashCardGlow{0%{box-shadow:0 12px 32px #ff931e2e,0 4px 18px #a855f755,0 1.5px 8px #5050ff14 inset}50%{box-shadow:0 18px 48px #ffb34744,0 8px 32px #a855f755,0 1.5px 8px #5050ff1a inset}to{box-shadow:0 12px 32px #ff931e2e,0 4px 18px #a855f755,0 1.5px 8px #5050ff14 inset}}.dash-card-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#fed7aa}.rate-value{font-weight:700;color:#facc15}.list-item:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ff6b351f}.list-meta{color:#e5e7eb;font-size:.85rem}@keyframes fireBgShift{0%{background-position:0% 0%,100% 0%,50% 100%,0% 50%}50%{background-position:20% 10%,80% 10%,60% 90%,50% 50%}to{background-position:0% 20%,100% 10%,40% 80%,100% 50%}}@keyframes orbFloat1{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(80px,60px,0) scale(1.1)}}@keyframes orbFloat2{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-60px,40px,0) scale(1.08)}}@keyframes orbFloat3{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,-60px,0) scale(1.15)}}@keyframes orbFloat4{0%{transform:translate3d(-40px,40px,0) scale(.95)}to{transform:translate3d(40px,-40px,0) scale(1.05)}}@keyframes orbFloat5{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-80px,-50px,0) scale(1.12)}}@keyframes orbFloat6{0%{transform:translate3d(20px,40px,0) scale(.96)}to{transform:translate3d(-20px,-40px,0) scale(1.04)}}@keyframes cardEntrance{0%{opacity:0;transform:perspective(1200px) translate3d(0,40px,0) rotateX(-16deg) scale(.96)}60%{opacity:1;transform:perspective(1200px) translate3d(0,-6px,0) rotateX(4deg) scale(1.01)}to{opacity:1;transform:perspective(1200px) translateZ(0) rotateX(0) scale(1)}}@keyframes cardGlowPulse{0%{box-shadow:0 24px 60px #0f172af2,0 0 26px #f8717166}50%{box-shadow:0 30px 70px #0f172a,0 0 46px #fbbf24b3}to{box-shadow:0 24px 60px #0f172af2,0 0 26px #f8717166}}@keyframes borderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes titlePulse{0%{transform:translateY(0) scale(1);text-shadow:0 0 18px rgba(248,113,113,.6),0 0 32px rgba(234,88,12,.8)}50%{transform:translateY(-2px) scale(1.03);text-shadow:0 0 22px rgba(248,113,113,.8),0 0 40px rgba(251,191,36,1)}to{transform:translateY(0) scale(1);text-shadow:0 0 18px rgba(248,113,113,.6),0 0 32px rgba(234,88,12,.8)}}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.health-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:8px;background:#ffffff0a;border:1px solid #1f2937}.alerts-grid{margin-top:1rem;display:grid;grid-template-columns:1fr}.alert-card{background:linear-gradient(135deg,#0e101cf0,#141222f7);border:1px solid rgba(255,147,30,.22);border-radius:12px;padding:1rem;animation:cardIn .35s ease}.alert-title{font-size:.95rem;color:#e5e7eb;margin-bottom:.5rem}.alert-list{display:flex;flex-direction:column;gap:.4rem}.alert-item{padding:.5rem .75rem;border-radius:8px;background:#ef444424;border:1px solid rgba(239,68,68,.3);color:#fecaca;font-size:.9rem}.rate-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.role-card{background:linear-gradient(135deg,#020617d9,#111827f2);border:1px solid rgba(250,204,21,.3);border-radius:12px;padding:1rem;box-shadow:0 10px 28px #facc1533;display:flex;flex-direction:column;gap:.5rem}.role-title{font-size:.95rem;color:#fde68a}.role-card input{padding:.5rem .75rem;border-radius:8px;border:1px solid #334155;background:#0b1220;color:#e5e7eb}.page-placeholder{background:linear-gradient(135deg,#0e101cf0,#141222f7);border:1px solid rgba(255,147,30,.22);border-radius:12px;padding:1rem;min-height:200px;animation:cardIn .35s ease}.gift-management-panel{display:flex;flex-direction:column;gap:1rem}.gift-management-panel .list-card{background:#0f172acc;border:1px solid rgba(255,147,30,.15);border-radius:10px;padding:1.25rem}.gift-management-panel h3{color:#f59e0b;font-size:1.1rem;margin:0 0 .75rem}.gift-management-panel .switch{position:relative;display:inline-block;width:44px;height:24px}.gift-management-panel .switch input{opacity:0;width:0;height:0}.gift-management-panel .switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#374151;border-radius:24px;transition:.3s}.gift-management-panel .switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.gift-management-panel .switch input:checked+.slider{background-color:#10b981}.gift-management-panel .switch input:checked+.slider:before{transform:translate(20px)}.gift-user-panel{display:flex;flex-direction:column;gap:1.5rem}.gift-user-panel .card{border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.gift-user-panel .list-card{background:#0f172acc;border:1px solid rgba(255,147,30,.15);border-radius:10px;padding:1.25rem}.gift-user-panel .list-item{display:flex;padding:.75rem;background:#ffffff08;border-radius:8px;margin-bottom:.5rem;align-items:center;transition:background .2s}.gift-user-panel .list-item:hover{background:#ffffff0f}.form-card{display:flex;flex-direction:column;gap:.75rem}.form-card input{padding:.55rem .8rem;border-radius:8px;border:1px solid rgba(255,147,30,.3);background:#0b1220;color:#e5e7eb;outline:none;transition:box-shadow .2s ease,border-color .2s ease;box-shadow:inset 0 0 12px #ff6b3514}.form-card input::placeholder{color:#94a3b8}.form-card input:focus{border-color:#ffd93d80;box-shadow:0 0 0 3px #ff6b3538}.form-card select{padding:.55rem .8rem;border-radius:8px;border:1px solid rgba(255,147,30,.3);background:#0b1220;color:#e5e7eb}.panel-layer{animation:layerReveal .4s cubic-bezier(.2,.8,.2,1)}@keyframes layerReveal{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.section-title{font-size:1.2rem;margin-bottom:.5rem;background:linear-gradient(45deg,#ff6b35,#f7931e,#ffd93d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes panelReveal{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bookings-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.booking-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:8px;border:1px solid #1f2937}.booking-main{display:flex;gap:.5rem;font-size:.9rem}.booking-meta{display:flex;gap:.75rem;font-size:.8rem;color:#9ca3af}.booking-amount{font-weight:600}.login-card h1{margin-bottom:1.5rem;font-size:1.5rem}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card label{display:flex;flex-direction:column;font-size:.9rem;text-align:left;gap:.25rem}.login-card input{padding:.5rem .75rem;border-radius:6px;border:1px solid #4b5563;background:#020617;color:#e5e7eb}.login-password-label{position:relative}.login-input-wrapper{position:relative;display:flex;align-items:center;width:100%;border-radius:10px;background:#0f172aeb;box-shadow:inset 0 0 0 1px #1e40afb3;transition:box-shadow .2s ease,background .2s ease;margin-bottom:.75rem}.login-input-wrapper:focus-within{box-shadow:inset 0 0 0 1px #f8fa6db3,0 0 22px #f8717173;background:#0f172a}.login-input-icon{display:flex;align-items:center;justify-content:center;padding-left:.85rem;color:#64748b;pointer-events:none;flex-shrink:0}.login-input-wrapper:focus-within .login-input-icon{color:#94a3b8}.login-input-wrapper input{width:100%;background:transparent!important;box-shadow:none!important;border:none!important;color:#e5e7eb;font-size:.95rem;padding:.7rem 2.8rem .7rem .75rem;outline:none}.login-input-wrapper input:focus{box-shadow:none!important;transform:none!important}.login-input-wrapper input::placeholder{color:#64748b}.login-input-wrapper input:-webkit-autofill,.login-input-wrapper input:-webkit-autofill:hover,.login-input-wrapper input:-webkit-autofill:focus,.login-input-wrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(15,23,42,1) inset!important;-webkit-text-fill-color:#e5e7eb!important;transition:background-color 5000s ease-in-out 0s;caret-color:#e5e7eb}.dev-login-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.4);color:#c4b5fd;font-size:.85rem;font-weight:600;letter-spacing:.04em}.password-eye-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#64748b;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:2;border-radius:4px}.password-eye-btn:hover{color:#e5e7eb}.turnstile-container{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.turnstile-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#cbd5f5;font-weight:500}#turnstile-widget{display:flex;justify-content:center}#turnstile-widget iframe{border-radius:8px!important}.your-rate-card{display:flex;align-items:center;gap:16px;padding:16px 24px;margin-top:16px;border-radius:12px;background:linear-gradient(135deg,#10b98114,#05966926,#04785714);border:1px solid rgba(16,185,129,.25);position:relative;overflow:hidden}.your-rate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#10b981,#34d399,#10b981,transparent)}.your-rate-icon{font-size:2rem;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.your-rate-info{display:flex;flex-direction:column;gap:2px;flex:1}.your-rate-label{font-size:.75rem;color:#6ee7b7;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.your-rate-value{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#34d399,#6ee7b7,#a7f3d0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.your-rate-badge{padding:4px 14px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.08em;background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.dashboard-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}@media(max-width:900px){.dashboard-quick-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.dashboard-quick-stats{grid-template-columns:1fr}}.quick-stat-item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,159,67,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s,border-color .2s}.quick-stat-item:hover{transform:translateY(-2px);border-color:#ff9f4366}.quick-stat-icon{font-size:1.6rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ff9f431f}.quick-stat-info{display:flex;flex-direction:column}.quick-stat-number{font-size:1.15rem;font-weight:700;color:#fff}.quick-stat-desc{font-size:.72rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media(max-width:900px){.dashboard-two-col{grid-template-columns:1fr}}.dashboard-panel{padding:16px!important;min-height:200px}.dashboard-table-wrap{overflow-x:auto;border-radius:8px}.dashboard-table{width:100%;border-collapse:collapse;font-size:.82rem}.dashboard-table thead{position:sticky;top:0}.dashboard-table th{text-align:left;padding:8px 10px;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#f59e0b;border-bottom:1px solid rgba(255,159,67,.2);background:#0000004d;white-space:nowrap}.dashboard-table td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.05);color:#e5e7eb;white-space:nowrap}.dashboard-table tbody tr{transition:background .15s}.dashboard-table tbody tr:hover{background:#ff9f430f}.dt-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;color:#93c5fd}.dt-amount{font-weight:600;color:#22c55e}.dt-time{color:#9ca3af;font-size:.78rem}.dt-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.dt-badge-green{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.dt-badge-yellow{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.dt-badge-red{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.dashboard-empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:#6b7280;font-size:.9rem;font-style:italic;border:1px dashed rgba(255,255,255,.1);border-radius:8px}.announcement-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:16px 20px;border-radius:10px;margin-bottom:16px;font-size:1.1rem;font-weight:600;box-shadow:0 4px 15px #22c55e4d;animation:announceFadeIn .5s ease}.announcement-icon{font-size:1.8rem;flex-shrink:0}.announcement-text{flex:1;line-height:1.5}.announcement-editor{max-width:700px}.ann-role-block{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;margin-bottom:16px}.ann-role-title{font-size:1rem;font-weight:700;margin-bottom:8px;color:#a78bfa}@keyframes announceFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.msg-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:14px 24px;border-radius:12px;font-size:.95rem;font-weight:600;box-shadow:0 8px 30px #6366f166;z-index:99999;cursor:pointer;animation:toastSlideIn .4s ease}.msg-toast:hover{transform:scale(1.03);box-shadow:0 8px 35px #6366f180}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.login-card button:not(.password-eye-btn):not(.role-option){margin-top:.5rem;padding:.6rem .75rem;border-radius:6px;border:none;background-image:linear-gradient(120deg,#f97316,#facc15);color:#111827;font-weight:500;cursor:pointer}.login-card button:not(.password-eye-btn):not(.role-option):disabled{opacity:.7;cursor:default}.error-text{margin-top:.75rem;color:#fff;font-size:.9rem}.success-text{margin-top:.75rem;color:#22c55e;font-size:.9rem}.role-selector{margin-top:.4rem}.role-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.role-option{border-radius:10px;border:1px solid rgba(148,163,184,.6);background:linear-gradient(135deg,#111827,#020617);color:#f97373;padding:.5rem .6rem;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;align-items:center;justify-content:center;font-size:.8rem;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease,background .18s ease}.role-option-name{font-weight:600}.role-options .role-option:nth-child(1){border-color:#818cf8e6}.role-options .role-option:nth-child(2){border-color:#3b82f6e6}.role-options .role-option:nth-child(3){border-color:#fbbf24e6}.role-options .role-option:nth-child(4){border-color:#22c55ee6}.role-option.active{background:linear-gradient(135deg,#22c55e,#4ade80)!important;color:#022c22!important;font-weight:700;border-color:#22c55e!important;box-shadow:0 8px 24px #22c55e99,0 0 16px #4ade8080!important;transform:translateY(-2px) scale(1.05)}.role-option:hover{border-color:#fbbf24e6;box-shadow:0 10px 26px #0f172ae6,0 0 18px #fbbf24b3;transform:translateY(-1px)}@keyframes pulse{0%,to{transform:scale(1);text-shadow:0 0 10px rgba(255,107,53,.5)}50%{transform:scale(1.1);text-shadow:0 0 20px rgba(255,107,53,.8)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(0);opacity:.9}25%{transform:scale(1.1) rotate(-2deg);opacity:1}50%{transform:scale(.95) rotate(2deg);opacity:.85}75%{transform:scale(1.05) rotate(-1deg);opacity:.95}}.sidebar-link{background-size:100% 100%}.dash-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:18px 0 0 18px;background:linear-gradient(180deg,#60a5fa,#facc15);opacity:.9}.dashboard-grid .dash-card:nth-child(2):after{background:linear-gradient(180deg,#22c55e,#a3e635)}.dashboard-grid .dash-card:nth-child(3):after{background:linear-gradient(180deg,#f59e0b,#fde047)}.dashboard-grid .dash-card:nth-child(4):after{background:linear-gradient(180deg,#8b5cf6,#c4b5fd)}.dashboard-grid .dash-card:nth-child(5):after{background:linear-gradient(180deg,#ec4899,#fca5a5)}.dashboard-grid .dash-card:nth-child(6):after{background:linear-gradient(180deg,#06b6d4,#67e8f9)}.dash-card:hover:after{filter:brightness(1.15)}.action-button{position:relative;width:100%}.action-button:active:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:999px;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,#fff6,#fff0 70%);animation:rippleExpand .5s ease-out;pointer-events:none}.sidebar-link:active:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:999px;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,#fff6,#fff0 70%);animation:rippleExpand .5s ease-out;pointer-events:none}.sidebar-section-label{position:relative;margin:.75rem 0 .25rem;padding:.1rem .5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:#fed7aa;text-shadow:0 0 2px rgba(15,23,42,.8),0 0 6px rgba(248,113,22,.7);z-index:1}.sidebar-section-label:before{content:"";position:absolute;inset:-.05rem -.3rem;border-radius:999px;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.25),transparent 55%),radial-gradient(circle at 100% 0%,rgba(251,191,36,.35),transparent 60%),radial-gradient(circle at 50% 140%,rgba(248,113,22,.45),transparent 65%);opacity:.45;filter:blur(4px);pointer-events:none;z-index:0}.sidebar-link-security{border:1px solid rgba(248,113,113,.85);box-shadow:0 0 0 1px #0f172ae6,0 0 18px #f87171b3}.sidebar-link-security .sidebar-icon{filter:drop-shadow(0 0 6px rgba(248,113,113,.9))}.sidebar-text-group{display:flex;flex-direction:column;line-height:1.1}.sidebar-text-main{font-size:.86rem}.sidebar-text-sub{font-size:.7rem;color:#9ca3af}@keyframes rippleExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}to{transform:translate(-50%,-50%) scale(20);opacity:0}}@media(max-width:1024px){.layout{padding:.75rem;gap:.75rem}.dashboard-main{padding:1rem;max-height:none}}@media(max-width:768px){.app-root{flex-direction:column}.shell{min-height:100vh}.topbar{padding:.6rem .75rem;flex-wrap:nowrap;gap:.5rem}.topbar .brand{flex-shrink:1;min-width:0;overflow:hidden}.topbar .brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.topbar-right{flex-shrink:0;margin-left:auto;gap:.4rem}.payment-alert,.message-alert{display:none}.layout{flex-direction:column;align-items:stretch;padding:.5rem;gap:.6rem}.sidebar-toggle-button{top:.4rem;left:.5rem}.sidebar{width:100%;max-width:100%;border-radius:14px;padding:1rem}.sidebar-nav{max-height:40vh}.dashboard-main{max-height:none;padding:.9rem}.section-row,.section-row.section-row-two,.status-grid,.forms-grid,.rate-grid{grid-template-columns:1fr}.dashboard-grid,.stat-grid,.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid .dash-card p{font-size:1.3rem}.list{gap:.4rem}.list-item,.booking-row{flex-direction:column;align-items:flex-start;gap:.3rem}.list-main{flex-wrap:wrap}.table-scroll{max-height:220px;overflow-x:auto;-webkit-overflow-scrolling:touch}table{font-size:.75rem!important}table th,table td{padding:8px 10px!important;white-space:nowrap}table .user-action-btn,table button{padding:4px 8px!important;font-size:.7rem!important;white-space:nowrap}.list-card{overflow:hidden;min-width:0;max-width:100vw;box-sizing:border-box}.section-row,.section-row.section-row-all-users{min-width:0;overflow:visible;display:block}.dashboard-main{overflow-x:hidden}.list-card>div[style*=overflowX],.list-card>div{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}.settings-card{padding:1.1rem}}.shell-login{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1rem;box-sizing:border-box;overflow-x:hidden}@media(max-width:480px){.shell-login{padding:1.5rem .75rem .75rem;align-items:flex-start}.login-card{padding:1.5rem 1rem;max-width:100%;width:100%;border-radius:18px;box-sizing:border-box}.login-brand{flex-direction:column;gap:.5rem;margin-bottom:1rem}.login-logo{width:56px;height:56px}.login-title-group{align-items:center;text-align:center}.login-title-main{font-size:1.1rem;letter-spacing:.08em}.login-title-sub{font-size:.7rem}.login-card form{gap:.7rem}.login-card label{padding:.4rem .5rem;font-size:.78rem;border-radius:10px}.login-input-wrapper{margin-bottom:.4rem}.login-input-wrapper input{padding:.55rem 2.5rem .55rem .6rem;font-size:.85rem}.login-input-icon{padding-left:.7rem}.login-input-icon svg{width:16px;height:16px}.role-options{grid-template-columns:repeat(2,1fr);gap:.35rem}.role-option{padding:.4rem .35rem;font-size:.73rem;border-radius:8px}.login-card button:not(.password-eye-btn):not(.role-option){padding:.65rem .8rem;font-size:.88rem}.turnstile-container{transform:scale(.9);transform-origin:center}.dev-login-badge{padding:.6rem .75rem;font-size:.78rem}.topbar .brand span{font-size:.85rem}.live-ticker{margin:.2rem .5rem .5rem;padding:.3rem .6rem}.live-ticker-label{font-size:.6rem;padding:.15rem .4rem}.live-ticker-marquee span{font-size:.75rem}.dashboard-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:.75rem}.your-rate-card{padding:.8rem 1rem}.user-menu-text{display:none}.avatar{width:32px;height:32px;font-size:.75rem}}@media(max-width:360px){.shell-login{padding:1rem .5rem .5rem}.login-card{padding:1.2rem 1rem;border-radius:14px}.login-logo{width:48px;height:48px}.login-title-main{font-size:1rem}.role-options{grid-template-columns:repeat(2,1fr)}}.settings-container{display:flex;flex-direction:column;gap:2rem;padding:1rem}.settings-section h3{font-size:1.1rem;color:#f3f4f6;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:#9ca3af}.settings-input,.disabled-input{background:#11182780;border:1px solid rgba(75,85,99,.5);padding:.75rem;border-radius:6px;color:#fff;font-size:1rem}.disabled-input{opacity:.7;cursor:not-allowed}.password-change-box{display:flex;gap:1rem;align-items:center}.preferences-list{display:flex;flex-direction:column;gap:1.5rem}.preference-item{display:flex;justify-content:space-between;align-items:center;background:#1118274d;padding:1rem;border-radius:8px}.pref-label{display:flex;flex-direction:column}.pref-label span{font-weight:500;color:#f3f4f6}.pref-label small{color:#9ca3af;font-size:.8rem}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#4b5563;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{transform:translate(26px)}@keyframes particleExplosion{0% {transform: translate(0,0) scale(0); opacity: 0;} 50% {opacity: 1;} 100% {transform: translate(var(--tx, 0) scale(1.5); opacity: 0; } } @keyframes magicTrail {0% {transform: scale(.8) rotate(0deg); opacity: .3;} 50% {transform: scale(1.2) rotate(180deg); opacity: .8;} 100% {transform: scale(.8) rotate(360deg); opacity: .3;}} @keyframes electricGlow {0%,100% {box-shadow: 0 0 10px rgba(59,130,246,.8),0 0 20px rgba(59,130,246,.6),0 0 30px rgba(59,130,246,.4),0 0 40px rgba(59,130,246,.2),inset 0 0 15px rgba(59,130,246,.3); filter: brightness(1.1);} 50% {box-shadow: 0 0 15px rgba(59,130,246,1),0 0 30px rgba(59,130,246,.8),0 0 45px rgba(59,130,246,.6),0 0 60px rgba(59,130,246,.4),inset 0 0 25px rgba(59,130,246,.5); filter: brightness(1.3);}} @keyframes fireAura {0%,100% {box-shadow: 0 0 20px rgba(255,107,53,.6),0 0 40px rgba(255,107,53,.4),0 0 60px rgba(255,107,53,.3),0 0 80px rgba(255,107,53,.2),inset 0 0 20px rgba(255,217,61,.2); background: radial-gradient(circle at center,rgba(255,107,53,.1),transparent 70%);} 50% {box-shadow: 0 0 30px rgba(255,107,53,.8),0 0 60px rgba(255,107,53,.6),0 0 90px rgba(255,107,53,.5),0 0 120px rgba(255,107,53,.4),inset 0 0 30px rgba(255,217,61,.3); background: radial-gradient(circle at center,rgba(255,107,53,.2),transparent 70%);}} @keyframes neonFlicker {0%,100% {opacity: 1;} 50% {opacity: .8;} 75% {opacity: 1.2;}} @keyframes hologram {0%,100% {transform: translateZ(0) scale(1); opacity: .9; filter: hue-rotate(0deg) brightness(1.2);} 25% {transform: translateZ(10px) scale(1.05); opacity: 1; filter: hue-rotate(90deg) brightness(1.4);} 50% {transform: translateZ(0) scale(1.1); opacity: .8; filter: hue-rotate(180deg) brightness(1.3);} 75% {transform: translateZ(-10px) scale(1.05); opacity: 1; filter: hue-rotate(270deg) brightness(1.4);}} @keyframes quantumGlow {0%,100% {box-shadow: 0 0 5px rgba(147,51,234,.8),0 0 10px rgba(147,51,234,.6),0 0 15px rgba(147,51,234,.4),0 0 20px rgba(147,51,234,.2),0 0 25px rgba(147,51,234,.1),inset 0 0 10px rgba(147,51,234,.3); background: linear-gradient(45deg,rgba(147,51,234,.1),rgba(59,130,246,.1));} 50% {box-shadow: 0 0 8px rgba(147,51,234,1),0 0 16px rgba(147,51,234,.8),0 0 24px rgba(147,51,234,.6),0 0 32px rgba(147,51,234,.4),0 0 40px rgba(147,51,234,.2),inset 0 0 15px rgba(147,51,234,.5); background: linear-gradient(45deg,rgba(147,51,234,.2),rgba(59,130,246,.2));}} @keyframes plasmaFlow {0% {background-position: 0% 50%; transform: rotate(0deg);} 50% {background-position: 100% 50%; transform: rotate(180deg);} 100% {background-position: 0% 50%; transform: rotate(360deg);}} @keyframes matrixRain {0% {transform: translateY(-100vh); opacity: 0;} 10% {opacity: 1;} 90% {opacity: 1;} 100% {transform: translateY(100vh); opacity: 0;}} @keyframes cyberGrid {0%,100% {background-position: 0% 0%; opacity: .1;} 50% {background-position: 100% 100%; opacity: .3;}} .premium-particles {position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; overflow: hidden;} .particle {position: absolute; width: 4px; height: 4px; background: radial-gradient(circle,rgba(59,130,246,.8),transparent 70%); border-radius: 50%; animation: particleFloat 8s linear infinite;} .particle:nth-child(2n) {background: radial-gradient(circle,rgba(255,107,53,.8),transparent 70%); animation-delay: 2s; animation-duration: 10s;} .particle:nth-child(3n) {background: radial-gradient(circle,rgba(247,147,30,.8),transparent 70%); animation-delay: 4s; animation-duration: 12s;} .particle:nth-child(4n) {background: radial-gradient(circle,rgba(255,217,61,.8),transparent 70%); animation-delay: 6s; animation-duration: 9s;} .electric-border {border: 2px solid transparent; background: linear-gradient(45deg,#3b82f6,#8b5cf6,#3b82f6) border-box; position: relative;} .electric-border::before {content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg,#3b82f6,#8b5cf6,#3b82f6); border-radius: inherit; z-index: -1; animation: electricGlow 2s ease-in-out infinite alternate;} .fire-aura {animation: fireAura 3s ease-in-out infinite alternate;} .neon-text {animation: neonFlicker 2s ease-in-out infinite alternate; text-shadow: 0 0 10px rgba(59,130,246,.8),0 0 20px rgba(59,130,246,.6),0 0 30px rgba(59,130,246,.4);} .hologram-effect {animation: hologram 4s ease-in-out infinite; transform-style: preserve-3d; backface-visibility: hidden;} .quantum-glow {animation: quantumGlow 2s ease-in-out infinite alternate;} .plasma-bg {background: radial-gradient(circle at 20% 30%,rgba(59,130,246,.3),transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,107,53,.3),transparent 50%),radial-gradient(circle at 40% 80%,rgba(247,147,30,.3),transparent 50%),linear-gradient(135deg,#050716,#090b1f,#140718); background-size: 200% 200%,100% 100%; animation: plasmaFlow 15s ease-in-out infinite;} .matrix-rain {background: linear-gradient(180deg,#0a0a0a,#1a1a1a); position: relative; overflow: hidden;} .matrix-rain::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(59,130,246,.1) 2px,rgba(59,130,246,.1) 4px); background-size: 100px 100px; animation: cyberGrid 10s linear infinite;} .premium-hover {transition: all .3s cubic-bezier(.4,0,.2,1); position: relative; overflow: hidden;} .premium-hover::before {content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent); transition: left .5s ease;} .premium-hover:hover::before {left: 100%;} .premium-hover:hover {transform: translateY(-2px) scale(1.02); box-shadow: 0 8px 25px rgba(59,130,246,.4),0 0 0 rgba(59,130,246,.2) inset;} .premium-button {position: relative; overflow: hidden; transition: all .3s ease; animation: electricGlow 2s ease-in-out infinite alternate;} .premium-button::before {content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent); transition: left .6s ease;} .premium-button:hover::before {left: 100%;} .premium-button:hover {transform: translateY(-2px) scale(1.05); box-shadow: 0 12px 30px rgba(59,130,246,.6),0 0 0 rgba(59,130,246,.3) inset;} .premium-button:disabled {opacity: .45; cursor: not-allowed; filter: grayscale(.3); animation: none; transform: none;} .premium-button:disabled:hover {transform: none; box-shadow: none;} .premium-button:disabled::before {display: none;} .premium-card {border: 1px solid rgba(59,130,246,.2); background: linear-gradient(135deg,rgba(15,23,42,.1),rgba(15,23,42,.05)); backdrop-filter: blur(10px); animation: quantumGlow 3s ease-in-out infinite alternate; transition: all .3s ease;} .premium-card:hover {transform: translateY(-4px) scale(1.02); border-color: rgba(59,130,246,.5); box-shadow: 0 15px 35px rgba(59,130,246,.3),0 0 0 rgba(59,130,246,.1) inset;} .premium-title {background: linear-gradient(45deg,#3b82f6,#8b5cf6,#3b82f6); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: hologram 4s ease-in-out infinite; text-shadow: 0 0 20px rgba(59,130,246,.5),0 0 40px rgba(59,130,246,.3);} .premium-loader {width: 40px; height: 40px; border: 3px solid transparent; border-top: 3px solid #3b82f6; border-radius: 50%; animation: premiumSpin 1s linear infinite; box-shadow: 0 0 20px rgba(59,130,246,.5),0 0 40px rgba(59,130,246,.3);} @keyframes premiumSpin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} .success-glow {animation: successPulse 2s ease-in-out infinite; border-color: rgba(34,197,94,.5); box-shadow: 0 0 20px rgba(34,197,94,.6),0 0 0 rgba(34,197,94,.2) inset;} @keyframes successPulse {0%,100% {box-shadow: 0 0 10px rgba(34,197,94,.4);} 50% {box-shadow: 0 0 25px rgba(34,197,94,.8);}} .error-glow {animation: errorPulse 2s ease-in-out infinite; border-color: rgba(239,68,68,.5); box-shadow: 0 0 20px rgba(239,68,68,.6),0 0 0 rgba(239,68,68,.2) inset;} @keyframes errorPulse {0%,100% {box-shadow: 0 0 10px rgba(239,68,68,.4);} 50% {box-shadow: 0 0 25px rgba(239,68,68,.8);}})}}