@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#33414e;
  --bg-deep:#0b1117;
  --sidebar:#111921;
  --panel:#17212a;
  --panel-2:#202c36;
  --panel-3:#2b3945;
  --card:#303e49;
  --line:#43515d;
  --line-soft:#34424d;
  --text:#f6f8f9;
  --muted:#9da9b3;
  --lime:#d4ec00;
  --lime-dark:#afc800;
  --green:#13c98a;
  --cyan:#00c7e7;
  --orange:#ffae18;
  --red:#ff4d69;
  --blue:#3d9cff;
  --shadow:0 18px 42px rgba(0,0,0,.23);
  --radius:20px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{margin:0;min-height:100vh;max-width:100%;overflow-x:hidden;background:linear-gradient(145deg,#26333f,#374754);color:var(--text);font-family:Cairo,Tahoma,Arial,sans-serif;font-size:14px}
body.sidebar-open{overflow:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{border:0}
::selection{background:var(--lime);color:#111}

.app{display:grid;grid-template-columns:minmax(0,1fr) 278px;grid-template-areas:"main sidebar";min-height:100vh;direction:ltr;width:100%;max-width:100%}
.main{grid-area:main;direction:rtl;min-width:0;width:100%;max-width:100%;padding:0 30px 40px}

/* Sidebar */
.sidebar{grid-area:sidebar;direction:rtl;position:sticky;top:0;width:278px;min-width:0;height:100vh;z-index:50;overflow:hidden;background:linear-gradient(180deg,#111921,#101820);border-left:1px solid #283640;padding:20px 16px;display:flex;flex-direction:column;gap:18px;box-shadow:12px 0 42px rgba(0,0,0,.16)}
.brand{display:flex;align-items:center;gap:11px;padding:4px 5px}
.logo,.gym-mark{display:grid;place-items:center;background:var(--lime);color:#10151a;font-weight:900;box-shadow:0 0 28px rgba(212,236,0,.2)}
.logo{width:48px;height:48px;border-radius:15px;font-size:25px}
.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:18px;letter-spacing:1px}.brand-copy small{display:block;color:#7f8d98;font-size:9px;letter-spacing:1.5px}
.sidebar-close{display:none;margin-right:auto}
.gym-identity{display:flex;align-items:center;gap:10px;border:1px solid #27353f;background:#0c141b;border-radius:16px;padding:13px}
.gym-mark{width:42px;height:42px;border-radius:50%;font-size:20px;flex:0 0 auto}
.gym-identity>div:nth-child(2){min-width:0;flex:1}.gym-identity b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gym-identity small{display:block;color:#71808b;font-size:8px;letter-spacing:.8px}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.sidebar-nav{display:flex;flex-direction:column;gap:5px;overflow-y:auto;overflow-x:hidden;padding-left:3px;scrollbar-width:thin;scrollbar-color:#394854 transparent}
.nav-item{min-height:42px;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:12px;text-decoration:none;color:#d5dde2;transition:.2s;border:1px solid transparent}
.nav-item:hover{background:#1a252e;border-color:#2d3b45;transform:translateX(-2px)}
.nav-item.active{background:linear-gradient(90deg,var(--lime),#c8e000);color:#111;border-color:#e7f65f;box-shadow:0 10px 24px rgba(212,236,0,.14)}
.nav-icon{width:25px;height:25px;display:grid;place-items:center;font-size:19px;flex:0 0 auto}.nav-item em{font-style:normal;font-weight:700;font-size:12px;flex:1}.nav-version{font-size:8px;color:#77858f}.nav-item.active .nav-version{color:#445000}
.sidebar-user{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px;border-radius:15px;background:#0c141b;border:1px solid #27353f}.avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--lime),#819100);display:grid;place-items:center;color:#111;font-weight:900}.sidebar-user>div:nth-child(2){min-width:0;flex:1}.sidebar-user b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{display:block;color:#7f8d98;font-size:9px}.logout-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#25171c;color:#ff8798;text-decoration:none}
.sidebar-overlay{display:none}

/* Top system bar and page heading */
.system-bar{height:66px;margin:0 -30px 30px;padding:0 30px;background:rgba(10,16,22,.94);border-bottom:1px solid #2a3741;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}
.system-left,.system-right{display:flex;align-items:center;gap:9px}.system-chip{border:1px solid #2d3b45;background:#111a21;border-radius:9px;padding:7px 11px;color:#b7c1c8;font-size:10px;font-weight:700}.system-chip.success{color:#42d5a0;background:#10241f;border-color:#1d5a46}.system-chip.success i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18d190;margin-left:6px;box-shadow:0 0 10px #18d190}.live-clock{font-size:11px;font-weight:800;background:#111a21;border:1px solid #2d3b45;border-radius:9px;padding:7px 11px;direction:ltr}.icon-button{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#17222b;color:#fff;cursor:pointer;border:1px solid #32414c}.menu-toggle{display:none}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0 26px;border-bottom:1px solid rgba(255,255,255,.055);margin-bottom:26px}.heading-copy{display:flex;align-items:flex-start;gap:13px}.heading-line{width:9px;height:52px;border-radius:8px;background:var(--lime);box-shadow:0 0 20px rgba(212,236,0,.22)}.heading-copy h1{font-size:34px;line-height:1.25;margin:0;font-weight:900}.heading-copy p{margin:5px 0 0;color:#a8b3bc;font-size:13px}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* Generic UI */
.btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border-radius:11px;background:linear-gradient(90deg,var(--lime),#cce500);color:#111;font-weight:900;text-decoration:none;cursor:pointer;border:1px solid #e5f456;box-shadow:0 9px 22px rgba(212,236,0,.12);transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.03)}.btn.secondary{background:#1b2630;color:#f6f8f9;border-color:#465560;box-shadow:none}.btn.ghost{background:transparent;color:#d8e0e5;border-color:#4a5964;box-shadow:none}.btn.danger{background:#4b1d27;color:#ffc5cf;border-color:#783342;box-shadow:none}.btn.small{min-height:35px;padding:7px 11px;font-size:11px}.btn.block{width:100%}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.card,.section{background:linear-gradient(145deg,#303e49,#2a3742);border:1px solid #465560;border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:21px}.section{padding:20px;margin-top:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head h2{margin:0;font-size:20px}.section-head p{margin:3px 0 0;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{display:flex;align-items:center;justify-content:space-between;min-height:140px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(212,236,0,.045);top:-45px;left:-35px}.metric small{display:block;color:#aeb8c0;line-height:1.6}.metric b{display:block;font-size:34px;line-height:1.15;margin-top:8px}.metric em{display:block;font-style:normal;color:var(--lime);font-weight:800;margin-top:3px}.metric .icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#d4ec0012;border:1px solid #d4ec002d;color:var(--lime);font-size:25px}.metric.red .icon{background:#ff4d6910;border-color:#ff4d6930;color:var(--red)}.metric.orange .icon{background:#ffae1810;border-color:#ffae1830;color:var(--orange)}.metric.cyan .icon{background:#00c7e710;border-color:#00c7e730;color:var(--cyan)}
.status{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.status.ok{background:#123c31;color:#4be2ae}.status.warn{background:#4b3b15;color:#ffd561}.status.danger{background:#4b1d27;color:#ff9aaa}.status.info{background:#153347;color:#61caf7}.status.neutral{background:#26333d;color:#c4ced5}
.alert,.toast{border-radius:13px;padding:12px 14px}.alert{background:#471c26;border:1px solid #793242;color:#ffd1d9;margin-bottom:14px}.alert.success{background:#123b30;border-color:#21604c;color:#75e5ba}.toast{position:fixed;left:28px;bottom:28px;z-index:100;min-width:280px;max-width:460px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#111a21;border:1px solid #40505b;box-shadow:0 20px 60px #0008;animation:toastIn .3s ease}.toast.success{border-color:#247657}.toast.error{border-color:#833346}.toast button{background:transparent;color:#fff;font-size:20px;cursor:pointer}.toast.hide{opacity:0;transform:translateY(10px);transition:.3s}
.empty{padding:45px 20px;text-align:center;color:#9eabb5}.empty-icon{width:70px;height:70px;border-radius:22px;background:#d4ec0010;color:var(--lime);font-size:32px;display:grid;place-items:center;margin:0 auto 14px}.empty h3{margin:0 0 6px;color:#fff}.empty p{margin:0 0 17px}

/* Forms */
label{display:block;margin:0 0 7px;font-weight:700;font-size:12px;color:#dce3e8}.input,select,textarea{width:100%;background:#111920;color:#fff;border:1px solid #3d4b56;border-radius:12px;padding:12px 13px;outline:none;transition:.2s}textarea{resize:vertical;min-height:110px}.input:focus,select:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(212,236,0,.11)}.input::placeholder,textarea::placeholder{color:#6f7d87}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.field-hint{display:block;color:#7f8c96;font-size:9px;margin-top:5px}.form-card{max-width:900px;margin:0 auto}.form-card h2{margin-top:0}.form-section{padding:18px;border:1px solid #43515d;border-radius:16px;background:#25323d;margin-bottom:16px}.form-section-title{display:flex;align-items:center;gap:9px;margin-bottom:15px}.form-section-title span{width:34px;height:34px;border-radius:10px;background:#d4ec0013;color:var(--lime);display:grid;place-items:center}.form-section-title h3{margin:0;font-size:15px}.form-actions{margin-top:18px;padding-top:17px;border-top:1px solid #43515d}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice label{height:45px;margin:0;display:flex;align-items:center;justify-content:center;border:1px solid #42515c;border-radius:12px;background:#17222b;cursor:pointer}.choice input:checked+label{border-color:var(--lime);background:#d4ec0012;color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}

/* Tables and filters */
.table-wrap{overflow:auto;border:1px solid #43515d;border-radius:17px;background:#26333e}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:14px 13px;text-align:right;border-bottom:1px solid #43515d;vertical-align:middle}.table th{background:#151e26;color:#dbe2e7;font-size:11px}.table td{color:#eef2f4}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#34434f}.table-link{color:#fff;text-decoration:none;font-weight:800}.table-link:hover{color:var(--lime)}.phone{direction:ltr;text-align:right;display:inline-block;font-weight:700}.table-actions{display:flex;align-items:center;gap:6px}.action-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid #475660;background:#1a252e;color:#fff;border-radius:9px;text-decoration:none;cursor:pointer}.action-btn.edit{color:#39c9f1}.action-btn.print{color:var(--lime)}.action-btn.delete{color:#ff7185}.action-btn:hover{transform:translateY(-1px)}
.filters{display:grid;grid-template-columns:minmax(260px,1fr) repeat(2,170px) auto auto;gap:10px;align-items:end;margin-bottom:17px}.search-box{position:relative}.search-box span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#7d8b95;font-size:18px}.search-box .input{padding-right:42px}.filter-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tab{padding:9px 14px;border-radius:10px;background:#17222b;border:1px solid #3c4b56;color:#dbe2e7;text-decoration:none;font-weight:700;font-size:11px}.tab.active{background:var(--lime);border-color:var(--lime);color:#111}.result-count{font-size:11px;color:#9eabb5}

/* Dashboard */
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.5fr);gap:18px;margin-top:20px}.finance-panel{padding:23px}.finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.finance-card{padding:17px;border-radius:16px;background:#18232c;border:1px solid #3b4a55;position:relative;overflow:hidden}.finance-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--green)}.finance-card.sales:before{background:var(--cyan)}.finance-card.expense:before{background:var(--orange)}.finance-card.profit:before{background:var(--lime)}.finance-card small{color:#a8b3bc}.finance-card b{display:block;font-size:27px;margin:8px 0}.finance-card p{margin:0;color:#7f8d97;font-size:9px}.quick-list{display:grid;gap:9px}.quick-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:13px;background:#1a252e;border:1px solid #3d4b56;text-decoration:none}.quick-item:hover{border-color:#d4ec0066}.quick-item span{width:36px;height:36px;border-radius:11px;background:#d4ec0012;color:var(--lime);display:grid;place-items:center;font-size:18px}.quick-item div{flex:1}.quick-item b{display:block;font-size:12px}.quick-item small{color:#8997a1;font-size:9px}.quick-item i{font-style:normal;color:#7a8993}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;margin-top:20px}.activity-list{display:grid;gap:0}.activity-row{display:grid;grid-template-columns:12px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #43515d}.activity-row:last-child{border-bottom:0}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(212,236,0,.5)}.activity-row b{display:block;font-size:11px}.activity-row small{color:#8d9aa4;font-size:9px}.activity-time{font-size:9px;color:#a7b1b9;direction:ltr}
.expiry-list{display:grid;gap:9px}.expiry-item{display:flex;align-items:center;gap:11px;padding:11px;border-radius:13px;background:#1a252e;border:1px solid #3e4c57}.expiry-avatar{width:39px;height:39px;border-radius:12px;background:#d4ec0012;color:var(--lime);display:grid;place-items:center;font-weight:900}.expiry-item>div:nth-child(2){min-width:0;flex:1}.expiry-item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expiry-item small{color:#8d9aa4}.expiry-days{font-weight:800;color:#ffd561;font-size:10px}

/* Members */
.member-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.member-table-card{padding:0;overflow:hidden}.member-table-toolbar{padding:17px;background:#2c3945;border-bottom:1px solid #43515d}.member-name-cell{display:flex;align-items:center;gap:10px}.member-avatar{width:40px;height:40px;border-radius:12px;background:#d4ec0012;color:var(--lime);display:grid;place-items:center;font-weight:900;border:1px solid #d4ec0030}.member-avatar.large{width:86px;height:86px;border-radius:25px;font-size:34px}.member-name-cell small{display:block;color:#84929c}.subscription-stack b{display:block}.subscription-stack small{display:block;color:var(--lime);font-size:10px;margin-top:3px}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle span{position:absolute;inset:0;border-radius:99px;background:#6d7880;cursor:pointer;transition:.2s}.toggle span:before{content:"";position:absolute;width:20px;height:20px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.toggle input:checked+span{background:var(--lime)}.toggle input:checked+span:before{transform:translateX(22px)}
.profile-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px}.profile-card{min-height:420px}.profile-hero{display:flex;align-items:center;gap:17px;padding-bottom:20px;border-bottom:1px solid #43515d}.profile-hero h2{font-size:28px;margin:0}.profile-hero p{margin:3px 0 10px;color:#9aa7b1;direction:ltr;text-align:right}.profile-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}.profile-info div,.sub-detail{padding:12px;border-radius:13px;background:#1a252e;border:1px solid #3d4b56}.profile-info small,.sub-detail small{display:block;color:#82909a;font-size:9px}.profile-info b,.sub-detail b{display:block;margin-top:3px;font-size:12px}.notes-box{background:#1a252e;border:1px solid #3d4b56;border-radius:14px;padding:14px}.notes-box small{color:#84929c}.notes-box p{margin:6px 0 0;line-height:1.8}.profile-side{display:grid;gap:18px;align-content:start}.subscription-card h3{font-size:23px;margin:3px 0 14px}.sub-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:13px 0}.timeline{display:grid}.timeline-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #43515d}.timeline-row:last-child{border-bottom:0}.timeline-row i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(212,236,0,.45)}.timeline-row small{color:#8d9aa4;font-size:9px}

/* Subscriptions */
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.plan-card{position:relative;overflow:hidden}.plan-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:#d4ec0009;left:-45px;top:-45px}.plan-card small{color:#93a0aa}.plan-card h3{font-size:18px;margin:5px 0}.plan-price{font-size:29px;color:var(--lime);font-weight:900}.plan-duration{display:inline-flex;margin-top:10px;padding:5px 9px;border-radius:8px;background:#1a252e;color:#b9c3ca;font-size:9px}.subscription-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.subscription-alert{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#3d361b;border:1px solid #74672a;border-radius:14px;padding:13px 15px;margin-bottom:17px;color:#f3dc74}.subscription-alert p{margin:0;font-size:11px}

/* Coming soon */
.coming-soon{max-width:760px;margin:50px auto;text-align:center;padding:45px}.coming-icon{width:100px;height:100px;border-radius:30px;margin:0 auto 20px;display:grid;place-items:center;background:#d4ec0011;border:1px solid #d4ec0030;color:var(--lime);font-size:46px}.coming-soon h2{font-size:30px;margin:0 0 8px}.coming-soon p{color:#a2aeb7;line-height:1.9}.progress-track{height:9px;border-radius:99px;background:#142029;overflow:hidden;margin:24px 0}.progress-track span{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--lime-dark),var(--lime));border-radius:99px;animation:progressPulse 2.5s ease-in-out infinite}

/* Login */
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,rgba(212,236,0,.13),transparent 28%),linear-gradient(145deg,#0e161d,#26333e)}.login-card{width:min(1020px,100%);display:grid;grid-template-columns:1fr 1fr;background:#101820;border:1px solid #3c4b56;border-radius:28px;overflow:hidden;box-shadow:0 35px 90px #0009}.login-hero{padding:50px;background:linear-gradient(150deg,#0b1319,#192730);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #d4ec0018;left:-180px;bottom:-210px;box-shadow:0 0 0 55px #d4ec0006,0 0 0 110px #d4ec0004}.brand-mark{display:flex;align-items:center;gap:13px;position:absolute;right:44px;top:38px}.biglogo{width:62px;height:62px;border-radius:19px;background:var(--lime);display:grid;place-items:center;color:#111;font-size:32px;font-weight:900}.brand-mark span{font-weight:900;font-size:20px;letter-spacing:2px}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:1px}.hero-copy h2{font-size:40px;line-height:1.35;margin:12px 0}.hero-copy p{color:#a4b0b8;line-height:1.9}.hero-points{display:grid;gap:8px;margin-top:22px;color:#d7dfe4;position:relative;z-index:2}.login-form{padding:50px;display:flex;flex-direction:column;justify-content:center}.form-heading{display:flex;align-items:center;gap:13px}.form-icon{width:50px;height:50px;border-radius:15px;background:#d4ec0012;border:1px solid #d4ec0030;color:var(--lime);display:grid;place-items:center;font-size:22px}.form-heading small{color:var(--lime);font-weight:800}.login-form h1{font-size:34px;margin:0}.login-form>p{color:#95a2ac}.input-wrap{position:relative}.input-wrap>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:2;color:#8b99a3}.input-wrap .input{padding-right:43px;height:51px}.login-submit{width:100%;margin-top:18px;justify-content:space-between;height:52px}.login-note{text-align:center;color:#72808a;font-size:10px;margin-top:14px}
.admin-login-shell{position:relative;overflow:hidden;background:#071017}.admin-grid{position:absolute;inset:0;background-image:linear-gradient(#d4ec0008 1px,transparent 1px),linear-gradient(90deg,#d4ec0008 1px,transparent 1px);background-size:42px 42px;animation:gridMove 18s linear infinite}.admin-glow{position:absolute;border-radius:50%}.glow-one{width:520px;height:520px;background:radial-gradient(circle,#d4ec0024,transparent 68%);top:-230px;right:-170px}.glow-two{width:480px;height:480px;background:radial-gradient(circle,#00c7e718,transparent 68%);bottom:-250px;left:-120px}.admin-login-card{position:relative;z-index:2;background:#09131bde;border-color:#d4ec003c}.admin-login-hero{padding-top:80px}.admin-terminal-head{position:absolute;top:0;right:0;left:0;height:43px;border-bottom:1px solid #d4ec001d;display:flex;align-items:center;gap:7px;padding:0 18px;direction:ltr}.admin-terminal-head span{width:8px;height:8px;border-radius:50%;background:#ff4d69}.admin-terminal-head span:nth-child(2){background:#ffd45f}.admin-terminal-head span:nth-child(3){background:#17c98a}.admin-terminal-head b{margin-left:auto;color:#687782;font-size:9px}.admin-emblem{width:135px;height:135px;display:grid;place-items:center;position:relative;margin-bottom:20px}.admin-emblem .biglogo{position:relative;z-index:2}.orbit{position:absolute;inset:8px;border:1px solid #d4ec0040;border-radius:50%;animation:spin 9s linear infinite}.orbit-b{inset:0;border-style:dashed;animation-duration:14s;animation-direction:reverse}.security-chip{display:inline-flex;width:max-content;padding:7px 10px;border-radius:99px;background:#143127;color:#5ce1ad;border:1px solid #28694f;font-size:9px;font-weight:800}.admin-login-hero h2{font-size:36px;margin:13px 0 4px}.admin-login-hero>p{color:#99a6af}.system-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.system-status div{padding:9px;background:#081119;border:1px solid #283640;border-radius:11px}.system-status b,.system-status small{display:block;font-size:9px}.system-status small{color:#697984}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#17c98a;box-shadow:0 0 8px #17c98a;margin-left:4px}.access-label{color:var(--lime);font-size:9px;font-weight:900;letter-spacing:2px}.admin-footnote{margin-top:15px;padding-top:12px;border-top:1px solid #2e3b45;color:#6e7d87;font-size:9px}

@keyframes toastIn{from{opacity:0;transform:translateY(12px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes gridMove{to{background-position:42px 42px}}
@keyframes progressPulse{50%{width:68%}}

@media(max-width:1180px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-layout,.dashboard-columns{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr 1fr 1fr}.filters .search-box{grid-column:1/-1}
  .profile-grid{grid-template-columns:1fr}
}
@media(max-width:920px){
  .app{display:block;direction:rtl}.main{padding:0 18px 30px}
  .sidebar{position:fixed;right:0;top:0;width:min(310px,88vw);transform:translateX(105%);transition:.25s;z-index:80}.sidebar.open{transform:translateX(0)}
  .sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:70}.sidebar-overlay.show{display:block}
  .sidebar-close,.menu-toggle{display:grid}.system-bar{margin:0 -18px 24px;padding:0 18px}.desktop-only{display:none}
  .page-heading{align-items:flex-start}.heading-copy h1{font-size:29px}.heading-actions{justify-content:flex-start}
  .plan-grid,.finance-grid{grid-template-columns:1fr 1fr}
  .login-card{grid-template-columns:1fr}.login-hero{display:none}.login-form{padding:38px}
}
@media(max-width:650px){
  .system-bar{height:58px}.page-heading{flex-direction:column}.heading-line{height:46px}.heading-copy h1{font-size:25px}.heading-actions{width:100%}.heading-actions .btn{flex:1}
  .cards,.member-summary,.plan-grid,.finance-grid,.grid-2,.grid-3,.profile-info{grid-template-columns:1fr}
  .metric{min-height:112px}.filters{grid-template-columns:1fr}.filters .search-box{grid-column:auto}
  .card,.section{border-radius:17px;padding:16px}.section{margin-top:15px}.table-wrap{margin:0 -16px;border-radius:0;border-left:0;border-right:0}
  .login-shell{padding:12px}.login-form{padding:26px}.login-form h1{font-size:29px}.login-card{border-radius:20px}
  .toast{left:14px;right:14px;bottom:14px;min-width:0}.sub-details{grid-template-columns:1fr}.profile-hero{align-items:flex-start}
}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}