/** وظيفة الملف: التنسيق العام لصفحات الإدارة والنماذج والجداول. */
:root{--bg:#f4f7fb;--surface:#fff;--ink:#172033;--muted:#748098;--line:#e5eaf2;--primary:#6558e8;--primary-dark:#4a3ed0;--nav:#11182a;--success:#168a60;--danger:#c53e51;--warning:#c27b18;--radius:18px;--shadow:0 12px 34px rgba(20,29,50,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tajawal,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;right:0;bottom:0;width:260px;background:linear-gradient(180deg,#151d31,#0e1423);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#8e83ff,#5d50df);font-size:22px;font-weight:800;box-shadow:0 10px 24px rgba(101,88,232,.35)}.brand div{display:flex;flex-direction:column}.brand strong{font-size:20px}.brand small{font-size:11px;color:#aeb8cf;letter-spacing:1.5px}.sidebar nav{display:grid;gap:7px;margin-top:46px}.sidebar nav a{padding:13px 16px;border-radius:12px;color:#aeb8cf;font-weight:600;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(123,110,255,.16);color:#fff}.sidebar nav a.active{box-shadow:inset -3px 0 #8c80ff}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:20px}.user-chip{display:flex;gap:10px;align-items:center;margin-bottom:12px}.user-chip>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#2c3650;font-weight:700}.user-chip div{display:flex;flex-direction:column}.user-chip small{color:#8995ae}.link-button{background:none;border:0;color:#aeb8cf;padding:0;cursor:pointer}.main-content{margin-right:260px;padding:34px 42px 56px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.topbar h1{margin:2px 0 0;font-size:29px}.eyebrow{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.7px;margin:0}.date-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 15px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat-card,.card,.plan-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:22px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;background:#eeeaff;left:-20px;top:-24px}.stat-card.accent{background:linear-gradient(135deg,#6558e8,#8074f1);color:#fff;border:0}.stat-card.accent:after{background:rgba(255,255,255,.13)}.stat-card span{display:block;font-size:13px;color:var(--muted);font-weight:600}.stat-card.accent span,.stat-card.accent small{color:#e6e2ff}.stat-card>strong{display:block;font-size:29px;margin:11px 0 4px}.stat-card strong small{font-size:12px}.stat-card>small{color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:20px}.card{padding:22px}.card-head,.page-actions,.form-actions,.plan-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-head{margin-bottom:18px}.card-head h2,.plan-card h2{margin:3px 0 0;font-size:18px}.page-actions{margin-bottom:18px}.btn{border:0;border-radius:11px;padding:10px 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{color:#fff;background:var(--primary);box-shadow:0 8px 18px rgba(101,88,232,.22)}.btn.primary:hover{background:var(--primary-dark)}.btn.ghost{background:#f4f3ff;color:var(--primary)}.btn.full{width:100%;padding:13px}.danger-button{background:#fff0f2;color:var(--danger)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right}th{font-size:12px;color:var(--muted);padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #edf0f5;font-size:14px}td small{display:block;color:var(--muted);margin-top:3px}.status{display:inline-flex;padding:5px 9px;border-radius:30px;font-size:11px;font-weight:800;background:#f0f2f7;color:#5c6578}.status.active{background:#e7f8f1;color:var(--success)}.status.trial{background:#eeeaff;color:var(--primary)}.status.suspended,.status.past_due{background:#fff3dd;color:var(--warning)}.status.cancelled,.status.expired{background:#ffeaee;color:var(--danger)}.list-stack{display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border:0}.list-item div{display:flex;flex-direction:column}.list-item span{color:var(--muted);font-size:12px}.date-badge{min-width:49px;align-items:center;background:#f4f3ff;padding:7px;border-radius:12px;color:var(--primary)}.date-badge strong{font-size:18px}.empty{text-align:center;color:var(--muted);padding:30px}.filters{display:flex;gap:9px}.filters input{min-width:280px}.filters input,.filters select,input,select,textarea{border:1px solid #dfe4ee;border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.filters input:focus,.filters select:focus,input:focus,select:focus,textarea:focus{border-color:#9b92f7;box-shadow:0 0 0 3px rgba(101,88,232,.09)}.actions{display:flex;gap:12px}.actions a,td>a{color:var(--primary);font-weight:700}.form-card{max-width:950px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.form-stack label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#3b455a}.form-grid input,.form-grid select,.form-grid textarea{width:100%}.span-2{grid-column:1/-1}.check-row{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;gap:9px!important}.check-row input{width:17px!important;height:17px}.form-actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.details{display:grid;grid-template-columns:1fr 1fr;margin:0}.details div{padding:14px 0;border-bottom:1px solid var(--line)}.details dt{font-size:12px;color:var(--muted)}.details dd{margin:4px 0 0;font-weight:700}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{padding:22px}.plan-card.disabled{opacity:.65}.plan-top>strong{font-size:22px;color:var(--primary)}.plan-card p{color:var(--muted);min-height:42px}.plan-card ul{padding:0 18px 0 0;min-height:100px}.plan-card li{margin:8px 0}.plan-meta{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.plan-meta span{font-size:11px;background:#f3f5f8;padding:5px 8px;border-radius:8px}.pagination{margin-top:18px}.alert{border-radius:12px;padding:13px 16px;margin-bottom:18px}.alert.success{background:#e7f8f1;color:#116947}.alert.danger{background:#ffeaee;color:#9d2c3d}.alert ul{margin:7px 0 0}.muted{color:var(--muted)}.login-body{display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh;background:#fff}.login-visual{position:relative;display:flex;align-items:center;padding:9%;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(154,142,255,.8),transparent 28%),linear-gradient(135deg,#11182a,#4136b8);overflow:hidden}.login-visual:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.14);border-radius:50%;left:-120px;bottom:-170px}.visual-content{position:relative;z-index:1;max-width:620px}.visual-content h1{font-size:50px;line-height:1.2;margin:24px 0 16px}.visual-content>p{font-size:18px;line-height:1.9;color:#d8d4ff}.pill{display:inline-flex;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);padding:7px 13px;border-radius:30px}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.visual-grid div{display:flex;flex-direction:column;padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.06)}.visual-grid span{font-size:12px;color:#c9c4f4}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:430px}.login-brand{margin-bottom:52px}.login-brand small{color:var(--muted)}.login-card h2{font-size:32px;margin:7px 0}.form-stack{display:grid;gap:17px;margin-top:28px}.login-note{text-align:center;color:var(--muted);font-size:12px;margin-top:20px}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:16px}.sidebar nav{display:flex;overflow:auto;margin-top:18px}.sidebar-footer{display:none}.main-content{margin:0;padding:22px 16px}.topbar{align-items:flex-start}.stats-grid,.plan-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-actions{align-items:stretch;flex-direction:column}.filters{flex-wrap:wrap}.filters input{min-width:0;flex:1}.login-body{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:24px;min-height:100vh}.visual-content h1{font-size:34px}}

/* Bootstrap theme and responsive navigation. */
:root{--bs-primary:#6558e8;--bs-primary-rgb:101,88,232;--bs-body-font-family:Tajawal,Arial,sans-serif}
.btn-primary{--bs-btn-bg:#6558e8;--bs-btn-border-color:#6558e8;--bs-btn-hover-bg:#4a3ed0;--bs-btn-hover-border-color:#4a3ed0;--bs-btn-active-bg:#4a3ed0;--bs-btn-active-border-color:#4a3ed0}
.btn-outline-primary{--bs-btn-color:#6558e8;--bs-btn-border-color:#6558e8;--bs-btn-hover-bg:#6558e8;--bs-btn-hover-border-color:#6558e8;--bs-btn-active-bg:#4a3ed0}
.btn{border:1px solid var(--bs-btn-border-color)}
.form-control,.form-select{font-size:1rem}
.form-check-input{padding:0;flex-shrink:0}
.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}
.table{--bs-table-bg:transparent}
.table>:not(caption)>*>*{padding:14px 12px}
.sidebar.offcanvas-lg{--bs-offcanvas-width:260px}
@media(min-width:992px){.sidebar.offcanvas-lg{position:fixed;top:0;right:0;bottom:0;width:260px;background:linear-gradient(180deg,#151d31,#0e1423)!important;display:flex!important;flex-direction:column}}
@media(max-width:991.98px){.sidebar.offcanvas-lg{position:fixed;width:260px;z-index:1045;background:linear-gradient(180deg,#151d31,#0e1423);padding:24px 20px}.sidebar nav{display:grid;margin-top:28px;overflow:visible}.sidebar-footer{display:block}.main-content{margin-right:0;padding:24px 16px}.topbar{gap:12px;flex-wrap:wrap}.card-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}