@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;700&family=Inter:wght@400;500;800&display=swap");*{box-sizing:border-box}:focus-visible{outline:2px solid var(--color-primary,#173d34);outline-offset:2px}body,html{margin:0;padding:0}body{font-family:IBM Plex Sans Arabic,Inter,system-ui,sans-serif;background-color:#fffaf0;color:#0f2a24;-webkit-font-smoothing:antialiased}.app{max-width:620px;margin:0 auto;min-height:100vh;background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 50px rgba(0,0,0,.04);display:flex;flex-direction:column}.app-header{background:linear-gradient(120deg,#0f2a24 0,var(--color-primary,#173d34) 100%);padding:38px 24px;text-align:center;position:relative;color:#fff;border-bottom:4px solid var(--color-accent,#d5a53e)}.app-header .logo{color:var(--color-accent,#d5a53e);font-family:IBM Plex Sans Arabic,Inter,system-ui,sans-serif;font-size:1.55rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.15);letter-spacing:-.01em}.app-header .logo-img{max-height:64px;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.app-header .sub{color:hsla(0,0%,100%,.9);font-size:.92rem;margin-top:6px;font-weight:500}.back-link{position:absolute;top:22px;inset-inline-end:20px;color:var(--color-accent,#d5a53e);text-decoration:none;font-size:.9rem;font-weight:700;transition:opacity .2s}.back-link:hover{opacity:.8}.content{padding:28px 24px;flex:1 1;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;font-weight:700;padding:14px 20px;font-size:.98rem;cursor:pointer;font-family:inherit;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .25s cubic-bezier(.16,1,.3,1)}.btn:disabled{opacity:.6;cursor:default;transform:none!important;box-shadow:none!important}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(0)}.btn-gold{background:linear-gradient(120deg,var(--color-accent,#d5a53e),#c0912f)}.btn-gold,.btn-green{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-green{background:linear-gradient(120deg,var(--color-primary,#173d34),#0c231e)}.btn-grey{background:#f5ebd4;color:#3e4f48;border:1px solid #e6dcc6;box-shadow:none}.btn-grey:hover:not(:disabled){background:#e6dcc6}.btn-block,.field{width:100%}.field{padding:14px 16px;border:1px solid #d3c6a8;border-radius:12px;font-size:.95rem;font-family:inherit;background:#fff;transition:all .2s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}.field:focus{outline:none;border-color:var(--color-accent,#d5a53e);box-shadow:0 0 0 3px rgba(213,165,62,.15),inset 0 1px 2px rgba(0,0,0,.02)}textarea.field{resize:vertical}.alert{border-radius:12px;padding:12px 16px;font-size:.9rem;margin-bottom:18px;font-weight:700;line-height:1.4}.alert-err{background:#f6e0d6;color:#7a3b24;border:1px solid rgba(122,59,36,.1)}.alert-ok{border:1px solid rgba(12,35,30,.1)}.alert-info,.alert-ok{background:#e3eee9;color:#0c231e}.alert-info{border:1px solid rgba(12,35,30,.12)}.card{-webkit-border-end:4px solid var(--color-primary,#173d34);border-inline-end:4px solid var(--color-primary,#173d34);border-radius:16px;padding:18px;margin-bottom:14px;background:#fffaf0;border-top:1px solid #f5ebd4;border-bottom:1px solid #f5ebd4;-webkit-border-start:1px solid #f5ebd4;border-inline-start:1px solid #f5ebd4;box-shadow:0 2px 8px rgba(0,0,0,.02);transition:all .25s ease}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.04);border-color:#d3c6a8}.muted{color:#3e4f48}.h-title{font-family:IBM Plex Sans Arabic,Inter,system-ui,sans-serif;font-weight:700;margin:0 0 18px;font-size:1.15rem;color:#1a2c26}.otp{letter-spacing:10px;font-size:1.8rem;text-align:center;font-weight:800;font-family:monospace}.hub-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e6dcc6;border-radius:20px;padding:20px;margin-bottom:14px;text-decoration:none;color:inherit;box-shadow:0 4px 12px rgba(0,0,0,.02);transition:all .3s cubic-bezier(.16,1,.3,1)}.hub-card:hover{border-color:var(--color-accent,#d5a53e);transform:translateY(-3px);box-shadow:0 10px 25px -10px rgba(213,165,62,.25)}.hub-ico{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.65rem;background:rgba(213,165,62,.1);flex-shrink:0;transition:transform .3s ease}.hub-card:hover .hub-ico{transform:scale(1.1) rotate(5deg)}.hub-body{flex:1 1}.hub-body .t{font-weight:800;font-size:1.05rem;color:#1a2c26}.hub-body .d{font-size:.85rem;color:#3e4f48;margin-top:3px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;font-size:.9rem}.status-pill{color:#fff;border-radius:12px;padding:4px 14px;font-size:.8rem;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;background-color:#d3c6a8;border-radius:8px}