@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap";:root{--accent: #6366f1;--accent-end:#764ba2;--red: #ef4444;--red-bg: #fef2f2;--text-dark: #0f172a;--text-soft: #94a3b8;--border: #e2e8f0;--white: #ffffff}.cl-page{min-height:100vh;display:flex;flex-direction:row;font-family:Cairo,sans-serif;direction:rtl;overflow:hidden}.cl-form-side{width:440px;flex-shrink:0;background:#f1f5f9;display:flex;align-items:center;justify-content:center;padding:32px 24px;position:relative;z-index:2}.cl-showcase{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;gap:40px;padding:48px 32px;background:radial-gradient(ellipse 65% 55% at 20% 20%,rgba(99,102,241,.2) 0%,transparent 60%),radial-gradient(ellipse 55% 65% at 80% 80%,rgba(139,92,246,.16) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 75% 15%,rgba(14,165,233,.1) 0%,transparent 55%),#0d1117}.cl-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.cl-blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;will-change:transform}.cl-blob-1{width:550px;height:550px;background:radial-gradient(circle,rgba(99,102,241,.22) 0%,transparent 70%);top:-140px;right:-100px;animation:drift1 14s ease-in-out infinite}.cl-blob-2{width:460px;height:460px;background:radial-gradient(circle,rgba(139,92,246,.18) 0%,transparent 70%);bottom:-100px;left:-80px;animation:drift2 18s ease-in-out infinite}.cl-blob-3{width:320px;height:320px;background:radial-gradient(circle,rgba(14,165,233,.12) 0%,transparent 70%);top:55%;left:25%;animation:drift3 22s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0)}33%{transform:translate(40px,30px)}66%{transform:translate(-20px,50px)}}@keyframes drift2{0%,to{transform:translate(0)}33%{transform:translate(-50px,-30px)}66%{transform:translate(30px,-50px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(60px,-40px)}}.cl-showcase-header{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.cl-showcase-logo-wrap{width:64px;height:64px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 24px #0000004d}.cl-showcase-logo{width:42px;height:42px;object-fit:contain}.cl-showcase-brand{font-size:1.6rem;font-weight:800;margin:0;background:linear-gradient(135deg,#e0e7ff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.03em}.cl-showcase-tag{display:inline-flex;align-items:center;gap:6px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:999px;padding:4px 14px;font-size:.78rem;font-weight:600;color:#a5b4fc;letter-spacing:.04em}.cl-showcase-desc{font-size:.88rem;font-weight:400;color:#fff6;margin:0;max-width:300px;line-height:1.7}.cl-bg-cards{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:380px}.cl-bg-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:bgCardIn .6s ease-out forwards;text-align:center}@keyframes bgCardIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cl-bg-card:nth-child(1){animation:bgCardIn .6s .15s ease-out forwards,float-a 5.5s 1s ease-in-out infinite}.cl-bg-card:nth-child(2){animation:bgCardIn .6s .28s ease-out forwards,float-b 6.2s 1.5s ease-in-out infinite}.cl-bg-card:nth-child(3){animation:bgCardIn .6s .4s ease-out forwards,float-c 5s .8s ease-in-out infinite}.cl-bg-card:nth-child(4){animation:bgCardIn .6s .52s ease-out forwards,float-d 6.8s 2s ease-in-out infinite}@keyframes float-a{0%,to{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-13px) rotate(-.8deg)}}@keyframes float-b{0%,to{transform:translateY(0) rotate(.8deg)}50%{transform:translateY(-10px) rotate(.8deg)}}@keyframes float-c{0%,to{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-15px) rotate(.5deg)}}@keyframes float-d{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-11px) rotate(-.5deg)}}.cl-bg-card-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cl-bg-card-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cl-bg-card-title{font-size:.92rem;font-weight:700;color:#ffffffe0;direction:rtl;text-align:center;margin:0}.cl-bg-card-sub{font-size:.72rem;font-weight:400;color:#ffffff59;direction:rtl;text-align:center;margin:2px 0 0;letter-spacing:.02em}.cl-bg-card-desc{font-size:.73rem;font-weight:400;color:#ffffff59;direction:rtl;text-align:center;line-height:1.55;margin:0;border-top:1px solid rgba(255,255,255,.07);padding-top:10px;width:100%}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cl-card{background:var(--white);border-radius:22px;box-shadow:0 24px 64px #0000001a,0 6px 20px #0000000f;padding:40px 36px 32px;width:100%;max-width:380px;position:relative;z-index:10;animation:cardIn .55s ease-out both;border:1px solid rgba(226,232,240,.8)}.cl-card:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-end),var(--accent),#818cf8);border-radius:22px 22px 0 0}.cl-logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:26px;gap:8px}.cl-logo-ring{width:88px;height:88px;border-radius:22px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;margin-bottom:4px;box-shadow:0 4px 20px #6366f140}.cl-logo{width:66px;height:66px;object-fit:contain}.cl-brand-name{font-size:1.45rem;font-weight:800;color:var(--text-dark);margin:0;letter-spacing:.02em}.cl-brand-sub{font-size:.81rem;color:var(--text-soft);margin:0;font-weight:400}.cl-sep{height:1px;background:var(--border);border:none;margin:0 0 22px}.cl-heading{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin:0 0 3px;text-align:right}.cl-sub{font-size:.85rem;color:var(--text-soft);font-weight:400;margin:0 0 18px;text-align:right}.cl-error{display:flex;align-items:center;gap:8px;background:var(--red-bg);border-right:3px solid var(--red);border-radius:8px;padding:10px 12px;margin-bottom:16px;font-size:.84rem;font-weight:500;color:var(--red);animation:cardIn .3s ease-out both}.cl-error .cl-error-body strong{color:inherit}.cl-error svg{width:15px;height:15px;flex-shrink:0;stroke:var(--red);fill:none;stroke-width:2;stroke-linecap:round}.cl-error--subscription{background:#fff8ed;border-right-color:#d97706;color:#92400e;align-items:flex-start;padding:12px 14px}.cl-error--subscription svg{stroke:#d97706;margin-top:2px}.cl-error-body{display:flex;flex-direction:column;gap:2px}.cl-error-body strong{font-size:.86rem;font-weight:700}.cl-error-body span{font-size:.82rem;font-weight:400;opacity:.85}.cl-error-hint{margin-top:4px;font-size:.78rem!important;opacity:.7!important}.cl-field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.cl-label{font-size:.86rem;font-weight:600;color:var(--text-dark)}.cl-input-wrap{position:relative;display:flex;align-items:center}.cl-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;color:var(--text-soft);transition:color .2s ease}.cl-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cl-input{width:100%;padding:11px 42px 11px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:Cairo,sans-serif;font-size:.92rem;color:var(--text-dark);background:#fafafa;direction:rtl;text-align:right;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;-webkit-appearance:none}.cl-input::placeholder{color:var(--text-soft)}.cl-input:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 3px #6366f11f}.cl-input-wrap:focus-within .cl-icon{color:var(--accent)}.cl-input:disabled{opacity:.6;cursor:not-allowed}.cl-input--pw{padding-left:42px}.cl-eye{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--text-soft);display:flex;align-items:center;border-radius:6px;transition:color .2s ease}.cl-eye:hover{color:var(--accent)}.cl-eye svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cl-submit{width:100%;padding:13px;margin-top:4px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-end) 100%);color:var(--white);border:none;border-radius:10px;font-family:Cairo,sans-serif;font-size:.97rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 6px 24px #6366f166;position:relative;overflow:hidden}.cl-submit:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skew(-20deg);transition:left .55s ease}.cl-submit:hover:not(:disabled):before{left:150%}.cl-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #6366f180}.cl-submit:active:not(:disabled){transform:translateY(0)}.cl-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.cl-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.cl-footer{margin-top:22px;text-align:center;font-size:.74rem;color:var(--text-soft)}.cl-showcase-badge{position:relative;z-index:2;display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:8px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cl-badge-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 8px #22c55eb3;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 6px #22c55e99}50%{box-shadow:0 0 14px #22c55ee6}}.cl-badge-text{font-size:.78rem;font-weight:500;color:#ffffff80;direction:rtl}@keyframes toastIn{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-28px)}}.cl-toast{position:fixed;bottom:28px;left:28px;background:var(--white);border-radius:14px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;padding:11px 15px;min-width:220px;max-width:280px;z-index:100;border:1px solid var(--border);pointer-events:none}.cl-toast--in{animation:toastIn .4s ease-out forwards}.cl-toast--out{animation:toastOut .35s ease-in forwards}.cl-toast-sender{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;color:var(--text-soft);margin-bottom:7px;letter-spacing:.03em}.cl-toast-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e99;flex-shrink:0}.cl-toast-body{display:flex;align-items:center;gap:10px}.cl-toast-icon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cl-toast-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cl-toast-label{font-size:.83rem;font-weight:600;color:var(--text-dark);line-height:1.4;direction:rtl;text-align:right}@media (max-width: 900px){.cl-showcase{display:none}.cl-form-side{width:100%;min-height:100vh}.cl-toast{display:none}}@media (max-width: 480px){.cl-card{padding:32px 20px 28px;border-radius:16px}}*{margin:0;padding:0;box-sizing:border-box}*{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;min-height:100vh;overflow-y:auto;overflow-x:hidden}[dir=rtl] body{font-family:Cairo,Segoe UI,Tahoma,sans-serif}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}body::-webkit-scrollbar,*::-webkit-scrollbar{display:none}body,*{-ms-overflow-style:none;scrollbar-width:none}.container{max-width:400px;margin:0 auto;padding:20px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;font-size:28px;margin-bottom:10px}.login-header p{color:#666;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s;background-color:#fff;cursor:pointer}.btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.success-message{background:#efe;border:1px solid #cfc;color:#3c3;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.dashboard-container{padding:40px 20px;max-width:1200px;margin:0 auto}.dashboard-header{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{color:#333;font-size:28px}.user-info{text-align:right}.user-info p{color:#666;margin-bottom:10px}.btn-logout{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s}.btn-logout:hover{background:#c82333}.dashboard-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.info-card{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea}.info-card h3{color:#333;font-size:14px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.info-card p{color:#666;font-size:18px;font-weight:600}.loading{text-align:center;padding:20px;color:#666}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}