:root{--font-family: "Tajawal", sans-serif;--bg-primary: #0a0e1a;--bg-secondary: #121829;--bg-tertiary: #1b233d;--glass-bg: rgba(19, 27, 48, .65);--glass-border: rgba(255, 255, 255, .08);--primary: #6c63ff;--primary-hover: #5b52e0;--accent: #00d4ff;--accent-glow: rgba(0, 212, 255, .25);--text-primary: #f1f3f9;--text-secondary: #8c96b5;--text-muted: #535e7d;--success: #00e676;--success-glow: rgba(0, 230, 118, .2);--danger: #ff1744;--warning: #ffb300;--wa-bubble-sent: rgba(108, 99, 255, .22);--wa-bubble-sent-border: rgba(108, 99, 255, .4);--wa-bubble-received: rgba(30, 41, 67, .85);--wa-chat-bg: #090c15}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);background-image:radial-gradient(at 10% 10%,rgba(108,99,255,.08) 0px,transparent 50%),radial-gradient(at 90% 90%,rgba(0,212,255,.05) 0px,transparent 50%);color:var(--text-primary);min-height:100vh;overflow-x:hidden;font-size:16px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);position:relative;box-shadow:0 0 40px #00000080}h1{font-size:1.8rem;font-weight:800;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#fff 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:1.3rem;font-weight:700;margin-bottom:1rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 8px 32px #0000004d}.input-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem;text-align:right}.input-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.input-field{background:#19233c80;border:1px solid var(--glass-border);border-radius:12px;padding:.9rem 1rem;color:var(--text-primary);font-size:1rem;outline:none;transition:all .3s ease;text-align:right}.input-field:focus{border-color:var(--primary);box-shadow:0 0 10px #6c63ff33}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;padding:.9rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;width:100%}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#8982ff 100%);color:#fff;box-shadow:0 4px 15px #6c63ff59}.btn-primary:hover{box-shadow:0 6px 20px #6c63ff80}.btn-primary:disabled{background:var(--bg-tertiary);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff0d}.btn-accent{background:linear-gradient(135deg,var(--accent) 0%,#00b0ff 100%);color:#030814;box-shadow:0 4px 15px var(--accent-glow)}.btn-accent:hover{box-shadow:0 6px 20px #00d4ff80}.badge{padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700}.badge-success{background-color:#00e67626;color:var(--success);border:1px solid rgba(0,230,118,.3)}.badge-danger{background-color:#ff174426;color:var(--danger);border:1px solid rgba(255,23,68,.3)}.badge-warning{background-color:#ffb30026;color:var(--warning);border:1px solid rgba(255,179,0,.3)}@keyframes checkPop{0%{transform:scale(.6);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes pulseBorder{0%{box-shadow:0 0 #00d4ff66}70%{box-shadow:0 0 0 8px #00d4ff00}to{box-shadow:0 0 #00d4ff00}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-check{animation:checkPop .5s cubic-bezier(.175,.885,.32,1.275) forwards}.list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--glass-border)}.list-item:last-child{border-bottom:none}