:root{--primary-red: #ff1e1e;--primary-red-dark: #cc0000;--bg-dark: #0a0a0a;--bg-card: #111111;--bg-card-hover: #1a1a1a;--text-white: #ffffff;--text-gray: #888888;--text-light-gray: #cccccc;--border-color: #222222;--success: #00c853;--warning: #ffab00;--error: #ff5252}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,sans-serif;background-color:var(--bg-dark);color:var(--text-white);line-height:1.6;min-height:100vh}a{color:var(--primary-red);text-decoration:none;transition:color .3s ease}a:hover{color:var(--text-white)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a0a0a)}.auth-box{background:var(--bg-card);border-radius:20px;padding:40px;width:100%;max-width:450px;border:1px solid var(--border-color);box-shadow:0 20px 60px #ff1e1e1a}.auth-logo{text-align:center;margin-bottom:30px}.auth-logo h1{font-size:2.5rem;font-weight:900}.auth-logo .x{color:var(--primary-red)}.auth-logo p{color:var(--text-gray);margin-top:5px}.auth-title{text-align:center;margin-bottom:30px}.auth-title h2{font-size:1.8rem;margin-bottom:10px}.auth-title p{color:var(--text-gray)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-light-gray);font-weight:500}.form-group input{width:100%;padding:15px 20px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:10px;color:var(--text-white);font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #ff1e1e1a}.form-group input::placeholder{color:var(--text-gray)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn{display:inline-block;padding:15px 30px;border-radius:10px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;border:none;text-align:center}.btn-primary{background:var(--primary-red);color:#fff;width:100%}.btn-primary:hover{background:var(--primary-red-dark);transform:translateY(-2px);box-shadow:0 10px 30px #ff1e1e4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--text-white);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-red);color:var(--primary-red)}.auth-links{text-align:center;margin-top:25px;padding-top:25px;border-top:1px solid var(--border-color)}.auth-links p{color:var(--text-gray)}.auth-links a{color:var(--primary-red);font-weight:600}.forgot-password{text-align:left;margin-top:-10px;margin-bottom:20px}.forgot-password a{color:var(--text-gray);font-size:.9rem}.message{padding:15px 20px;border-radius:10px;margin-bottom:20px;font-size:.95rem}.message-error{background:#ff52521a;border:1px solid var(--error);color:var(--error)}.message-success{background:#00c8531a;border:1px solid var(--success);color:var(--success)}.dashboard{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--bg-card);border-left:1px solid var(--border-color);padding:30px 0;position:fixed;right:0;top:0;height:100vh;overflow-y:auto}.sidebar-logo{padding:0 30px;margin-bottom:40px}.sidebar-logo h1{font-size:1.8rem;font-weight:900}.sidebar-logo .x{color:var(--primary-red)}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:5px}.sidebar-nav a{display:flex;align-items:center;gap:15px;padding:15px 30px;color:var(--text-gray);transition:all .3s ease}.sidebar-nav a:hover,.sidebar-nav a.active{background:#ff1e1e1a;color:var(--primary-red);border-right:3px solid var(--primary-red)}.sidebar-nav i{width:20px;text-align:center}.sidebar-footer{position:absolute;bottom:30px;left:0;right:0;padding:0 30px}.user-info{display:flex;align-items:center;gap:15px;padding:15px;background:var(--bg-dark);border-radius:10px}.user-avatar{width:45px;height:45px;background:var(--primary-red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.user-details h4{font-size:.95rem;font-weight:600}.user-details p{font-size:.8rem;color:var(--text-gray)}.main-content{flex:1;margin-right:280px;padding:30px}.page-header{margin-bottom:30px}.page-header h1{font-size:2rem;margin-bottom:10px}.page-header p{color:var(--text-gray)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-card);border-radius:15px;padding:25px;border:1px solid var(--border-color)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.stat-card-header i{width:50px;height:50px;background:#ff1e1e1a;color:var(--primary-red);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.stat-card h3{font-size:2rem;font-weight:700}.stat-card p{color:var(--text-gray);font-size:.9rem}.card{background:var(--bg-card);border-radius:15px;padding:25px;border:1px solid var(--border-color);margin-bottom:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.card-header h3{font-size:1.2rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px}.pricing-card{background:var(--bg-card);border-radius:20px;padding:35px;border:1px solid var(--border-color);position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-10px);border-color:var(--primary-red);box-shadow:0 20px 60px #ff1e1e26}.pricing-card.popular{border-color:var(--primary-red)}.pricing-card.popular:before{content:"الأكثر طلباً";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-red);color:#fff;padding:5px 20px;border-radius:20px;font-size:.85rem;font-weight:600}.pricing-card h3{font-size:1.5rem;margin-bottom:10px}.pricing-card .price{font-size:3rem;font-weight:900;color:var(--primary-red);margin-bottom:5px}.pricing-card .price span{font-size:1rem;color:var(--text-gray);font-weight:400}.pricing-card .features{list-style:none;margin:25px 0}.pricing-card .features li{padding:10px 0;color:var(--text-light-gray);display:flex;align-items:center;gap:10px}.pricing-card .features li i{color:var(--success)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-red);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 992px){.sidebar{transform:translate(100%);z-index:1000}.sidebar.open{transform:translate(0)}.main-content{margin-right:0}.form-row{grid-template-columns:1fr}}@media (max-width: 576px){.auth-box{padding:30px 20px}.auth-logo h1{font-size:2rem}.pricing-card{padding:25px}}