@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&family=Tajawal:wght@300;400;500;700&display=swap');
:root{--astro-primary:#2563eb;--astro-primary-dark:#1d4ed8;--astro-secondary:#64748b;--astro-success:#10b981;--astro-warning:#f59e0b;--astro-danger:#ef4444;--astro-bg:#f8fafc;--astro-card:#ffffff;--astro-text:#1e293b;--astro-border:#e2e8f0;--astro-sidebar:#0f172a;--astro-sidebar-text:#cbd5e1;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Cairo','Tajawal',sans-serif;background-color:var(--astro-bg);color:var(--astro-text);line-height:1.6;}
.astrovacrm-auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--astro-primary) 0%,#1e3a8a 100%);padding:20px;}
.astrovacrm-auth-box{background:var(--astro-card);padding:40px;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1);width:100%;max-width:450px;}
.astrovacrm-auth-title{font-family:'Tajawal',sans-serif;font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:30px;color:var(--astro-text);}
.astrovacrm-form-group{margin-bottom:20px;}
.astrovacrm-form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:0.9rem;}
.astrovacrm-input{width:100%;padding:12px 16px;border:2px solid var(--astro-border);border-radius:8px;font-family:'Cairo',sans-serif;font-size:1rem;transition:all 0.3s ease;}
.astrovacrm-input:focus{outline:none;border-color:var(--astro-primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1);}
.astrovacrm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.astrovacrm-checkbox label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer;}
.astrovacrm-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-family:'Cairo',sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;width:100%;}
.astrovacrm-btn-primary{background:var(--astro-primary);color:white;}
.astrovacrm-btn-primary:hover{background:var(--astro-primary-dark);transform:translateY(-1px);}
.astrovacrm-auth-links{margin-top:20px;display:flex;justify-content:space-between;font-size:0.9rem;}
.astrovacrm-auth-links a{color:var(--astro-primary);text-decoration:none;}
.astrovacrm-auth-links a:hover{text-decoration:underline;}
.astrovacrm-message{margin-top:15px;padding:12px;border-radius:8px;display:none;font-size:0.9rem;}
.astrovacrm-message.success{display:block;background:#d1fae5;color:#065f46;border:1px solid var(--astro-success);}
.astrovacrm-message.error{display:block;background:#fee2e2;color:#991b1b;border:1px solid var(--astro-danger);}
.astrovacrm-dashboard{display:flex;min-height:100vh;font-family:'Cairo','Tajawal',sans-serif;}
.astrovacrm-sidebar{width:280px;background:var(--astro-sidebar);color:var(--astro-sidebar-text);padding:30px 20px;position:fixed;right:0;top:0;height:100vh;overflow-y:auto;z-index:100;}
.astrovacrm-user-info{text-align:center;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:20px;}
.astrovacrm-avatar img{border-radius:50%;border:3px solid var(--astro-primary);}
.astrovacrm-user-info h3{margin-top:10px;font-size:1.1rem;font-weight:700;}
.astrovacrm-role{font-size:0.8rem;opacity:0.7;display:block;margin-top:5px;}
.astrovacrm-nav{display:flex;flex-direction:column;gap:5px;}
.astrovacrm-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--astro-sidebar-text);text-decoration:none;transition:all 0.3s ease;font-size:0.95rem;}
.astrovacrm-nav-item:hover,.astrovacrm-nav-item.active{background:rgba(37,99,235,0.2);color:#fff;}
.astrovacrm-nav-item .dashicons{font-size:20px;width:20px;height:20px;}
.astrovacrm-logout{display:flex;align-items:center;gap:12px;margin-top:30px;padding:12px 16px;border-radius:8px;color:var(--astro-danger);text-decoration:none;border:1px solid rgba(239,68,68,0.3);transition:all 0.3s ease;}
.astrovacrm-logout:hover{background:rgba(239,68,68,0.1);}
.astrovacrm-main-content{margin-right:280px;flex:1;padding:30px;}
.astrovacrm-tab{display:none;}
.astrovacrm-tab.active{display:block;animation:fadeIn 0.3s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.astrovacrm-main-content h2{font-family:'Tajawal',sans-serif;font-size:1.5rem;margin-bottom:25px;color:var(--astro-text);border-bottom:2px solid var(--astro-primary);padding-bottom:10px;display:inline-block;}
.astrovacrm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;}
.astrovacrm-stat-card{background:var(--astro-card);padding:25px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);border-right:4px solid var(--astro-primary);}
.astrovacrm-stat-card.highlight{border-right-color:var(--astro-success);background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);}
.astrovacrm-stat-card h4{font-size:0.9rem;color:var(--astro-secondary);margin-bottom:10px;}
.astrovacrm-stat-number{font-size:2rem;font-weight:700;color:var(--astro-text);font-family:'Tajawal',sans-serif;}
.astrovacrm-actions-bar{margin-bottom:20px;display:flex;gap:10px;}
.astrovacrm-table-responsive{overflow-x:auto;background:var(--astro-card);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.astrovacrm-table{width:100%;border-collapse:collapse;}
.astrovacrm-table th{background:var(--astro-bg);padding:15px;text-align:right;font-weight:600;font-size:0.85rem;color:var(--astro-secondary);border-bottom:2px solid var(--astro-border);white-space:nowrap;}
.astrovacrm-table td{padding:15px;border-bottom:1px solid var(--astro-border);font-size:0.9rem;}
.astrovacrm-table tbody tr:hover{background:var(--astro-bg);}
.astrovacrm-wallet-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;}
.astrovacrm-wallet-card{background:var(--astro-card);padding:25px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-align:center;}
.astrovacrm-wallet-card h4{font-size:0.85rem;color:var(--astro-secondary);margin-bottom:10px;}
.astrovacrm-wallet-balance{font-size:2.5rem;font-weight:700;color:var(--astro-success);font-family:'Tajawal',sans-serif;}
.astrovacrm-feedback-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}
.astrovacrm-feedback-card{background:var(--astro-card);padding:20px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.astrovacrm-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.astrovacrm-team-card{background:var(--astro-card);padding:20px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-align:center;}
@media (max-width:768px){.astrovacrm-sidebar{width:100%;position:relative;height:auto;}.astrovacrm-main-content{margin-right:0;}.astrovacrm-dashboard{flex-direction:column;}.astrovacrm-form-row{grid-template-columns:1fr;}}

/* Missing color classes for JS */
.text-success{color:var(--astro-success);font-weight:600;}
.text-primary{color:var(--astro-primary);font-weight:600;}
.text-warning{color:var(--astro-warning);font-weight:600;}

/* Dashicons for frontend - loaded via wp_enqueue_style('dashicons') */
.dashicons{font-family:dashicons;display:inline-block;line-height:1;font-weight:400;font-style:normal;speak-never:none;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-size:20px;vertical-align:top;text-align:center;transition:color .1s ease-in;}

/* Better sidebar icons */
.astrovacrm-nav-item .dashicons{margin-left:8px;}

/* Smooth tab transitions */
.astrovacrm-tab{opacity:0;transition:opacity 0.3s ease;display:none;}
.astrovacrm-tab.active{opacity:1;display:block;}

/* Loading state */
.astrovacrm-btn:disabled{opacity:0.7;cursor:not-allowed;}

/* Better table styling */
.astrovacrm-table th{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);}

/* Card hover effects */
.astrovacrm-stat-card,.astrovacrm-wallet-card,.astrovacrm-admin-card{transition:transform 0.2s ease,box-shadow 0.2s ease;}
.astrovacrm-stat-card:hover,.astrovacrm-wallet-card:hover,.astrovacrm-admin-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}

/* Modal backdrop blur */
.astrovacrm-modal{backdrop-filter:blur(4px);}

/* Print styles */
@media print{.astrovacrm-sidebar{display:none;}.astrovacrm-main-content{margin-right:0;}}