@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #060B18;--bg-soft: #080D1A;--bg-elevated: rgba(255, 255, 255, .05);--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .055);--surface-tint: linear-gradient(180deg, rgba(99, 102, 241, .08), rgba(59, 130, 246, .04) 48%, rgba(255, 255, 255, .03) 100%);--border: rgba(255, 255, 255, .08);--border-strong: rgba(99, 102, 241, .5);--text: #F8FAFC;--text-muted: #64748B;--primary: #6366F1;--primary-2: #3B82F6;--primary-3: #06B6D4;--accent: #F59E0B;--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--shadow-lg: inset 0 1px 0 rgba(255,255,255,.12), 0 20px 60px rgba(0,0,0,.4), 0 0 40px rgba(99,102,241,.08);--shadow-md: 0 18px 44px rgba(0, 0, 0, .28);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .22);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 18px;--radius-sm: 14px;--content-width: 1440px;font-family:Tajawal,system-ui,sans-serif;color-scheme:dark}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Tajawal,system-ui,sans-serif;background:radial-gradient(1200px 700px at 15% 10%,#6366f11f,#6366f100 60%),radial-gradient(900px 600px at 80% 20%,#3b82f61f,#3b82f600 60%),radial-gradient(800px 700px at 50% 100%,#06b6d41f,#06b6d400 60%),linear-gradient(180deg,#071123,#060b18);background-attachment:fixed;line-height:1.7;overflow-x:hidden}*{box-sizing:border-box}*::selection{background:var(--primary);color:#fff}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-thumb{background:#6366f166;border-radius:999px}a,button,[role=button]{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid rgba(59,130,246,.9);outline-offset:2px}h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.2}h2,h3,h4{margin:0;font-weight:700;line-height:1.25}h2{font-size:18px}p{margin:0}small,.small{font-size:12px}.muted{color:var(--text-muted)}.mono{font-family:JetBrains Mono,monospace;font-size:13px}.w100{width:100%}.container{max-width:var(--content-width);margin:0 auto;padding:24px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.row,.hrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hrow{justify-content:space-between}.hr{width:100%;height:1px;border:0;background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);margin:16px 0}.label,.section-label,.page-eyebrow{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.page{padding:24px}.page-stack{display:grid;gap:18px}.page-hero,.surface-card,.card,.main-shell,.sidebar-panel,.glass-card{position:relative;z-index:10;background:radial-gradient(1200px 500px at 100% 0%,#6366f114,#6366f100 40%),radial-gradient(800px 400px at 0% 100%,#06b6d40f,#06b6d400 45%),linear-gradient(180deg,#ffffff0e,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-lg)}.card,.surface-card{padding:20px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.card:hover,.surface-card:hover,.page-hero:hover,.module-card:hover,.feature-card:hover,.auth-panel:hover,.auth-showcase:hover{transform:translateY(-4px);border-color:#6366f180;box-shadow:inset 0 1px #ffffff1f,0 24px 70px #0000006b,0 0 50px #6366f124}.stage-enter,.stagger-item,.stagger-row{animation:cardIn .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--index, 0) * 80ms)}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shakeX .26s linear}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(4px)}40%{transform:translate(-4px)}60%{transform:translate(3px)}80%{transform:translate(-3px)}}.app-shell{position:relative;isolation:isolate;display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;min-height:100vh;max-width:var(--content-width);margin:0 auto;padding:24px}.app-ambient{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.blob{position:absolute;width:420px;height:420px;border-radius:999px;filter:blur(120px);opacity:.28;transform:translateZ(0)}.blob-a{top:-100px;right:12%;background:#6366f1d9;animation:blobMoveA 8s ease-in-out infinite alternate}.blob-b{left:8%;top:28%;background:#3b82f6c7;animation:blobMoveB 11s ease-in-out infinite alternate}.blob-c{bottom:-120px;right:26%;background:#06b6d4c7;animation:blobMoveC 14s ease-in-out infinite alternate}@keyframes blobMoveA{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(80px,40px,0) scale(1.15)}}@keyframes blobMoveB{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-50px,60px,0) scale(1.08)}}@keyframes blobMoveC{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(20px,-70px,0) scale(1.12)}}.sidebar{position:sticky;top:24px;align-self:start;z-index:12;height:calc(100vh - 48px)}.sidebar-panel{height:100%;display:flex;flex-direction:column;background:radial-gradient(600px 260px at 100% 0%,#6366f129,#6366f100 45%),linear-gradient(180deg,#080d1af5,#070c17db);border-color:#ffffff14;padding:16px}.sidebar-brand{display:flex;align-items:center;gap:12px}.brand-mark,.logo,.login-mark{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;color:#fff;border-radius:16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-2) 52%,var(--primary-3) 100%);box-shadow:0 12px 30px #3b82f659}.brand-copy{min-width:0}.brand-title{font-size:22px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#d4e4ff 35%,#82d8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-sub{color:var(--text-muted);font-size:12px}.sidebar-close{margin-inline-start:auto;display:none}.sidebar-meta{display:grid;gap:8px;margin-top:18px}.meta-chip,.badge,.chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:7px 12px;border-radius:999px;color:var(--text);font-size:11px;font-weight:600;background:linear-gradient(135deg,#6366f124,#06b6d414),#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14}.badge b,.chip b,.meta-chip strong{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text)}.badge.subtle{background:#ffffff0a}.badge.warning{background:linear-gradient(135deg,#f59e0b33,#f59e0b14)}.sidebar-nav{display:grid;gap:8px;margin-top:18px;padding-inline-end:4px;overflow:auto}.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:46px;border-radius:12px;color:var(--text-muted);transition:all .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,#6366f12e,#3b82f61f,#06b6d414);transition:width .25s ease;z-index:-1}.nav-item__icon{opacity:.6;display:grid;place-items:center}.nav-item__label{font-size:14px;font-weight:600}.nav-item:hover{color:var(--text);transform:translate(-2px)}.nav-item:hover:before{width:100%}.nav-item.active{color:var(--text);background:linear-gradient(135deg,#6366f147,#3b82f62e,#06b6d424);box-shadow:0 12px 32px #3b82f629}.nav-item.active .nav-item__icon{opacity:1}.sidebar-footer{margin-top:auto;display:grid;gap:14px}.sidebar-user{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.sidebar-user__avatar,.avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2),var(--primary-3));box-shadow:0 12px 26px #3b82f659}.sidebar-user__name,.topbar-user .name{font-weight:700;font-size:14px}.main-shell{min-width:0;padding:18px;display:grid;gap:16px;background:radial-gradient(900px 400px at 0% 0%,#6366f114,#6366f100 42%),linear-gradient(180deg,#ffffff0b,#ffffff08)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#ffffff09}.topbar-start,.topbar-left{display:flex;align-items:center;gap:14px}.topbar-end,.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:800;letter-spacing:-.03em}.page-content{min-width:0;display:grid;gap:18px}.icon-btn,.iconbtn{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#6366f129,#06b6d41f),#ffffff0a;border-radius:14px;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.icon-btn:hover,.iconbtn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 38px #3b82f63d}.search{display:flex;align-items:center;gap:10px;width:min(420px,100%);padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.search input{padding:12px 0;border:0;background:transparent;color:var(--text);width:100%}.search-ic{opacity:.75}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:14px;color:#fff;font-weight:700;background:linear-gradient(135deg,#6366f1f2,#3b82f6f2,#06b6d4f2);box-shadow:0 14px 28px #3b82f638;transition:all .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.28) 40%,transparent 60%);transform:translate(-120%)}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 42px #3b82f657}.btn:hover:after{opacity:1;animation:shimmer 1.3s linear infinite}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.68;transform:none;box-shadow:none}.btn.ghost{color:var(--text);background:linear-gradient(135deg,#6366f129,#06b6d414),#ffffff0a;border-color:#ffffff14}.btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-2) 50%,var(--primary-3) 100%)}.btn.danger{background:linear-gradient(135deg,#ef4444f5,#f87171e0)}.btn.success{background:linear-gradient(135deg,#10b981f2,#22c55ee6)}.btn.is-loading:after{opacity:1;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}.form,.form-grid{display:grid;gap:14px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:8px}.field label{color:var(--text-muted);font-size:12px;font-weight:600}.field input,.field textarea,.field select,.floating-field input,.floating-field textarea,.floating-field select{width:100%;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(135deg,#6366f114,#3b82f60d),#ffffff0a;box-shadow:inset 0 1px #ffffff0f;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.field input,.field select,.floating-field input,.floating-field select{min-height:50px;padding:14px 16px}.field textarea,.floating-field textarea{min-height:120px;resize:vertical;padding:16px}.field input:focus,.field textarea:focus,.field select:focus,.floating-field input:focus,.floating-field textarea:focus,.floating-field select:focus{border-color:#6366f173;box-shadow:0 0 0 3px #6366f140,0 18px 36px #3b82f614;background:linear-gradient(135deg,#6366f11f,#3b82f614),#ffffff0d}.floating-field{position:relative}.floating-field.with-icon svg{position:absolute;inset-inline-start:16px;top:17px;color:#ffffffa6;pointer-events:none}.floating-field.with-icon input{padding-inline-start:44px}.floating-field label{position:absolute;top:16px;inset-inline-start:16px;color:var(--text-muted);font-size:13px;pointer-events:none;transition:all .2s ease;background:transparent}.floating-field.with-icon label{inset-inline-start:44px}.floating-field input::placeholder,.floating-field textarea::placeholder{color:transparent}.floating-field select~label,.floating-field:focus-within label,.floating-field input:not(:placeholder-shown)+label,.floating-field textarea:not(:placeholder-shown)+label{top:8px;transform:scale(.88);color:#a5b4fc}.floating-field select,.floating-field input,.floating-field textarea{padding-top:22px}.floating-field.full-span,.form-grid .full-span{grid-column:1 / -1}.inline-alert{margin-top:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.inline-alert.error,.toast{color:#fecaca;background:linear-gradient(135deg,#ef444429,#ef44440f),#ffffff0a;border-color:#ef444447}.page-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px}.page-hero p{margin-top:10px;max-width:720px;color:#b2c0d9;font-size:14px}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{position:relative;padding:20px;border-radius:22px;border:1px solid transparent;background:linear-gradient(#0d1117e6,#0d1117d1) padding-box,linear-gradient(135deg,#6366f1e0,#06b6d4d1) border-box;overflow:hidden}.stat-card.accent{background:linear-gradient(#0d1117e6,#0d1117d1) padding-box,linear-gradient(135deg,#f59e0beb,#06b6d4b8) border-box}.stat-card.success{background:linear-gradient(#0d1117e6,#0d1117d1) padding-box,linear-gradient(135deg,#10b981eb,#06b6d4b8) border-box}.stat-card.danger{background:linear-gradient(#0d1117e6,#0d1117d1) padding-box,linear-gradient(135deg,#ef4444eb,#f59e0bb8) border-box}.stat-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2),var(--primary-3));box-shadow:0 12px 28px #3b82f64d}.stat-card__label{margin-top:18px;color:#b8c5db;font-size:13px;font-weight:600}.stat-card__value{margin-top:10px;font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.04em}.stat-card__meta{margin-top:8px;color:var(--text-muted);font-size:13px}.panel-grid{display:grid;gap:18px;grid-template-columns:1.25fr .95fr}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.section-head p{color:var(--text-muted)}.mini-stats,.insight-list,.legend-list,.feature-stack,.button-group.wrap,.credential-grid{display:grid;gap:12px}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-stat,.insight-row,.feature-card,.notice-card,.progress-card,.glass-note,.credential-card,.empty-state{border-radius:18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#6366f114,#06b6d40a),#ffffff08;padding:16px}.mini-stat span,.insight-row span,.credential-grid span{display:block;color:var(--text-muted);font-size:12px;font-weight:600}.mini-stat strong,.insight-row strong,.credential-grid strong{display:block;margin-top:8px;font-size:20px;font-weight:800}.insight-row{display:flex;align-items:center;justify-content:space-between}.notice-card h3,.progress-card__header strong,.credential-card h3,.empty-state h3,.feature-card__title,.module-card__title{font-size:16px;font-weight:700}.notice-card p,.progress-card p,.glass-note p,.feature-card__text,.module-card__text,.empty-state p,.credential-hint p,.auth-copy{margin-top:8px;color:#b2c0d9;font-size:14px;line-height:1.75}.progress-card__header{display:flex;justify-content:space-between;align-items:center}.progress-bar{margin-top:14px;width:100%;height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2),var(--primary-3));box-shadow:0 0 24px #3b82f659;transition:width .35s ease}.glass-note,.feature-card{display:flex;align-items:flex-start;gap:12px}.glass-note svg,.feature-card__icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-2),var(--primary-3))}.feature-card__text{margin-top:4px;font-size:13px}.module-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.module-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#6366f11f,#3b82f614,#06b6d40f),#ffffff08;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.module-card__icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2),var(--primary-3));box-shadow:0 12px 30px #3b82f647}.module-card__arrow{margin-inline-start:auto;color:var(--text-muted);transition:transform .25s ease}.module-card:hover .module-card__arrow{transform:translate(-2px,-2px)}.legend-item{display:flex;align-items:center;gap:10px;color:#b2c0d9;font-size:13px}.status-pill,.copy-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.status-pill.booked,.status-pill.open{color:#e0e7ff;background:linear-gradient(135deg,#6366f138,#6366f11a)}.status-pill.arrived,.status-pill.approved{color:#dbeafe;background:linear-gradient(135deg,#3b82f638,#06b6d41a)}.status-pill.completed,.status-pill.paid,.status-pill.closed{color:#d1fae5;background:linear-gradient(135deg,#10b9813d,#10b9811a)}.status-pill.cancelled,.status-pill.no_show{color:#fecaca;background:linear-gradient(135deg,#ef44443d,#ef44441a)}.copy-chip{background:linear-gradient(135deg,#6366f12e,#06b6d414);color:var(--text)}.table-shell{width:100%;overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.06)}.compact-shell{max-height:540px}.table,.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.table th,.table td,.data-table th,.data-table td{padding:14px;text-align:right;border-bottom:1px solid rgba(255,255,255,.05);background:transparent}.table thead th,.data-table thead th{position:sticky;top:0;z-index:1;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#080d1aeb}.table tbody tr,.data-table tbody tr{animation:rowIn .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--index, 0) * 70ms)}.table tbody tr:nth-child(2n),.data-table tbody tr:nth-child(2n){background:#ffffff05}.table tbody tr:hover,.data-table tbody tr:hover{background:#3b82f614}.table tbody tr:last-child td,.data-table tbody tr:last-child td{border-bottom:0}.table-title{font-weight:700}.table-actions{display:flex;gap:8px;flex-wrap:wrap;opacity:.45;transition:opacity .2s ease}.table tbody tr:hover .table-actions,.data-table tbody tr:hover .table-actions{opacity:1}@keyframes rowIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.search-bar{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.search-bar input{width:100%;background:transparent;border:0;color:var(--text)}.credential-card{margin-top:18px}.credential-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.credential-grid{margin-top:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.platform-menu{display:flex;flex-wrap:wrap;gap:10px}.platform-menu__item,.platform-menu__chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:var(--text-muted)}.platform-menu__item.active{color:var(--text);background:linear-gradient(135deg,#6366f133,#06b6d41a)}.platform-menu__chip{color:#bfdbfe}.empty-state{display:grid;place-items:center;text-align:center;min-height:240px}.empty-state svg{color:#a5b4fc}.skeleton-grid{display:grid;gap:14px}.skeleton-card{min-height:120px;border-radius:18px;background:linear-gradient(90deg,#525f7c2e,#7591c238,#525f7c2e);background-size:200% 100%;animation:skeleton 1.4s linear infinite}.skeleton-card.tall{min-height:170px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-stack{position:fixed;top:18px;right:18px;z-index:70;display:grid;gap:10px;max-width:360px}.toast-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:12px 14px;border-radius:18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);background:#080d1ae6;box-shadow:var(--shadow-md);animation:toastIn .22s ease both}.toast-item__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px}.toast-item__title{font-size:13px;font-weight:700}.toast-item__message{margin-top:2px;font-size:13px;color:#cdd8eb}.toast-item__close{border:0;background:transparent;color:var(--text-muted);padding:4px}.toast-success .toast-item__icon{color:#d1fae5;background:#10b98129}.toast-error .toast-item__icon{color:#fecaca;background:#ef444429}.toast-info .toast-item__icon{color:#dbeafe;background:#3b82f629}.toast-warning .toast-item__icon{color:#fde68a;background:#f59e0b29}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.auth-scene,.auth-bg{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px;overflow:hidden}.auth-layout,.auth-wrap{position:relative;z-index:10;width:min(1200px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.auth-showcase,.auth-left,.auth-right,.auth-panel{padding:28px}.auth-panel{will-change:transform;transition:transform .1s linear}.eyebrow-badge{display:inline-flex;padding:8px 12px;border-radius:999px;color:#c7d2fe;font-size:11px;font-weight:700;background:linear-gradient(135deg,#6366f129,#06b6d41a)}.auth-heading,.auth-title{margin-top:20px;font-size:42px;font-weight:800;letter-spacing:-.05em}.auth-copy,.auth-sub{margin-top:14px;max-width:560px}.auth-panel__header,.auth-actions,.auth-footnote{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-panel__header p{margin-top:8px;color:#b2c0d9}.inline-link{display:inline-flex;align-items:center;gap:6px;color:#bfdbfe;font-size:13px;font-weight:700}.auth-form{display:grid;gap:14px;margin-top:24px}.auth-actions{flex-direction:column;align-items:stretch;margin-top:4px}.credential-hint,.auth-footnote{margin-top:18px}.auth-footnote{justify-content:flex-start;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);color:var(--text-muted);flex-wrap:wrap}.feature-stack,.auth-bullets{margin-top:28px}.auth-bullet{display:flex;align-items:flex-start;gap:12px}.dot{width:10px;height:10px;margin-top:8px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-3));box-shadow:0 0 18px #3b82f673}.btitle{font-weight:700}.button-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bottom-nav{position:fixed;inset-inline:12px;bottom:12px;z-index:45;display:none;padding:8px;gap:8px;border-radius:24px;background:#080d1ae0;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav__item{flex:1 1 0;display:grid;justify-items:center;gap:6px;padding:10px 8px;border-radius:18px;color:var(--text-muted);font-size:11px;font-weight:700}.bottom-nav__item.active{color:var(--text);background:linear-gradient(135deg,#6366f133,#06b6d41f)}.sidebar-overlay{display:none}.kpi .v,.v{font-size:32px;font-weight:800}@media (max-width: 1280px){.stats-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}}@media (max-width: 1023px){.app-shell{grid-template-columns:1fr;padding:18px}.sidebar{position:fixed;top:18px;bottom:18px;inset-inline-start:18px;inset-inline-end:auto;width:min(340px,calc(100vw - 36px));height:auto;transform:translate(110%);transition:transform .25s ease}[dir=rtl] .sidebar{inset-inline-start:auto;inset-inline-end:18px;transform:translate(110%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{display:inline-flex}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:block}.main-shell{padding:16px}.topbar{padding-inline:14px}.grid.two,.form-grid.two-col,.form-grid.three-col,.auth-layout,.auth-wrap,.credential-grid{grid-template-columns:1fr}}@media (max-width: 767px){.app-shell,.auth-scene,.auth-bg{padding:14px}.page,.card,.surface-card,.page-hero,.auth-panel,.auth-showcase,.main-shell{padding:16px}.topbar{flex-direction:column;align-items:stretch}.topbar-start,.topbar-end{justify-content:space-between}.stats-grid,.module-grid,.mini-stats{grid-template-columns:1fr}.table-shell{overflow-x:auto}.table th:first-child,.table td:first-child,.data-table th:first-child,.data-table td:first-child{position:sticky;right:0;background:#080d1af5}.bottom-nav{display:flex}.page-content{padding-bottom:92px}.auth-heading,.auth-title{font-size:32px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}}.clean-shell{align-items:start}.flat-main{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;gap:14px}.compact-nav{margin-top:24px}.page-content{padding:0 0 24px}.topbar{padding:14px 18px}.search{min-width:260px}.search input{background:transparent;border:0;color:var(--text);width:100%}.sidebar-meta{display:none}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;isolation:isolate}.auth-card.simple-auth-card{width:min(100%,460px);padding:28px}.auth-logo-stack{display:grid;justify-items:center;gap:10px;text-align:center;margin-bottom:18px}.auth-logo-stack h1{font-size:34px}.auth-logo-stack p{color:var(--text-muted)}.auth-logo{width:64px;height:64px;flex-basis:64px}.auth-form.compact{display:grid;gap:14px}.password-field{position:relative}.password-field input{padding-inline-start:42px;padding-inline-end:48px}.password-toggle{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--text-muted);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;z-index:2}.password-toggle:hover{color:var(--text)}@media (max-width: 1023px){.sidebar{position:sticky;transform:none!important;width:100%;height:auto;inset:auto}.app-shell.clean-shell{grid-template-columns:1fr}}@media (max-width: 767px){.sidebar{display:none}.search{min-width:0;width:100%}.topbar-right{width:100%}}.card,.surface-card,.table-shell,.field,.floating-field,.panel-grid>*,.grid>*{min-width:0}select option{color:#e2e8f0;background:#0b1e35}.search{position:relative}.search-popover{position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:60;display:grid;gap:8px;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#080d1afa;box-shadow:0 18px 44px #00000059}.search-popover__item{text-align:right;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(135deg,#6366f11a,#06b6d40d),#ffffff08;color:var(--text);cursor:pointer}.search-popover__item:hover{border-color:#6366f166;transform:translateY(-1px)}.search-popover__item small{display:block;margin-top:4px;color:var(--text-muted)}.module-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.module-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px}.module-card__icon{grid-column:1;grid-row:1 / span 4}.module-card__title,.module-card__text,.module-card .insight-list,.module-card .button-group.wrap{grid-column:2}.mini-stat strong,.insight-row strong,.credential-grid strong{font-size:clamp(16px,1.2vw,20px);line-height:1.5;word-break:break-word;overflow-wrap:anywhere}.visible-actions{opacity:1!important}@media (max-width: 1380px){.grid.two,.form-grid.two-col,.form-grid.three-col{grid-template-columns:1fr}}.list-card.active{border-color:#6366f173;box-shadow:0 0 0 1px #6366f12e,0 20px 40px #0003}.list-card.compact{padding:14px 16px}.danger-text{color:#f87171}.success-text{color:#34d399}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.media-card{overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.media-card img{width:100%;height:180px;object-fit:cover;display:block}.media-card__meta{display:grid;gap:8px;padding:12px}.list-stack .list-card p{margin:4px 0 0}.tab-strip{display:flex;gap:10px;flex-wrap:wrap}.inventory-layout{grid-template-columns:1.1fr 1fr}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.badge-stack{display:flex;flex-wrap:wrap;gap:6px}.warning-text{color:#f59e0b}.search-box{display:flex;align-items:center;gap:8px;min-width:240px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a}.search-box input{border:none;background:transparent;width:100%;height:42px;color:var(--text-primary)}.search-box input:focus{outline:none}.detail-grid{display:grid;gap:12px}.detail-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-number{font-size:36px;font-weight:800}.list-card.static{cursor:default}@media (max-width: 1023px){.inventory-layout,.compact-grid,.detail-grid.two-col{grid-template-columns:1fr}}.list-card,.inventory-alert-card,.supplier-list-card{-webkit-appearance:none;-moz-appearance:none;appearance:none}.inventory-alert-card,.supplier-list-card,.inventory-alert-card:hover,.supplier-list-card:hover,.supplier-list-card.active{background:linear-gradient(135deg,#07102afa,#0a193af7)!important;color:#f8fafc!important;border-color:#ffffff1f!important;box-shadow:inset 0 1px #ffffff14,0 14px 28px #0003}.inventory-alert-card *,.supplier-list-card *{color:inherit}.inventory-alert-card .small,.supplier-list-card .small,.supplier-list-card .muted,.supplier-list-card .muted.small,.inventory-alert-text{color:#dbeafe!important}.inventory-alert-card strong,.supplier-list-card strong,.supplier-list-card .danger-text,.supplier-list-card .success-text,.inventory-alert-card .inventory-alert-qty,.inventory-alert-qty{color:#f8fafc!important}.inventory-alert-card .inventory-alert-qty{background:#ffffff1a;border-radius:10px;padding:6px 10px;font-weight:700}.list-card{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;text-align:right;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:var(--text);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.list-card:hover{transform:translateY(-2px);border-color:#6366f159;box-shadow:0 10px 30px #0000002e}.list-stack{display:grid;gap:12px}.inventory-alert-card .inventory-alert-qty,.supplier-list-card .danger-text,.supplier-list-card .success-text{text-shadow:none!important}.supplier-list-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.supplier-list-card:before,.inventory-alert-card:before{display:none!important}.selector-shell{width:min(1100px,calc(100% - 32px));margin:0 auto;display:grid;gap:18px;position:relative;z-index:5}.selector-hero{margin-top:48px}.selector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.selector-card{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text);border-radius:24px;padding:24px;text-align:right;display:grid;gap:12px;transition:transform .2s ease,border-color .2s ease,background .2s ease;box-shadow:var(--shadow-sm)}.selector-card:hover{transform:translateY(-4px);border-color:#6366f18c;background:#6366f114}.selector-card__icon{width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:#6366f11f;color:#c7d2fe}.selector-card strong{font-size:18px}.selector-card span:last-child{color:var(--text-muted);line-height:1.7}.selector-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;background:#6366f11f;border:1px solid rgba(99,102,241,.35);color:#c7d2fe;font-size:13px;font-weight:700}.checkbox-row{display:inline-flex;align-items:center;gap:10px}.checkbox-row input{width:18px;height:18px}@media (max-width: 900px){.selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.selector-grid{grid-template-columns:1fr}}.active-day-card{border:1px solid rgba(99,102,241,.55);background:linear-gradient(135deg,#6366f124,#0ea5e914);box-shadow:0 16px 32px #0f172a47}.day-chip-grid .mini-stat{min-height:90px;justify-content:space-between;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.day-chip-grid .mini-stat:hover{transform:translateY(-2px);border-color:#6366f159}.frontdesk-highlight{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#ffffff0a;color:var(--text-muted);font-size:13px;font-weight:700}.compact-day-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:16px}.patient-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.medical-list{display:grid;gap:12px}.medical-entry{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff08}.medical-entry+.medical-entry{margin-top:0}.medical-entry.danger{border-color:#ef44444d}.note-entry{align-items:stretch}.prescription-lines{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.top-aligned-grid{align-items:start}.frontdesk-top-grid{grid-template-columns:minmax(300px,.95fr) minmax(420px,1.35fr)}.frontdesk-reception-grid{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.2fr)}.frontdesk-form-card{min-height:100%}.frontdesk-day-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.frontdesk-range-grid{margin-top:18px}.section-divider{height:1px;margin:18px 0;background:linear-gradient(90deg,#ffffff05,#6366f159,#06b6d433,#ffffff05)}.patient-page-grid{grid-template-columns:minmax(340px,.95fr) minmax(520px,1.35fr)}.compact-surface{min-height:auto}@media (max-width: 1100px){.frontdesk-top-grid,.frontdesk-reception-grid,.patient-page-grid{grid-template-columns:1fr}}