@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--background:#0f172a;--foreground:#f8fafc;--card:#1e293bb3;--card-border:#ffffff1a;--primary:#3b82f6;--primary-hover:#2563eb;--accent:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);background-image:radial-gradient(circle at 50% -20%, #1e1b4b, var(--background) 70%);min-height:100vh;font-family:Outfit,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.container{max-width:1200px;margin:0 auto;padding:2rem}.glass-card{background:var(--card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 30px #0000001a}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 40px #0003}h1{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}h2{margin-bottom:1.5rem;font-size:2rem;font-weight:600}p{color:#94a3b8;line-height:1.6}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{opacity:.9;transform:scale(1.05);box-shadow:0 0 20px #8b5cf666}.glass-table{border-collapse:collapse;margin-top:1rem}.glass-table th{text-align:left;border-bottom:1px solid var(--card-border);color:#cbd5e1;padding:1rem;font-weight:500}.glass-table td{border-bottom:1px solid #ffffff0d;padding:1rem}.glass-table tr:hover td{background:#ffffff08}.navbar{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.back-link{color:#94a3b8;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:#f8fafc}.btn-secondary{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:9999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-secondary:hover{color:#f8fafc;background:#ffffff0d;border-color:#fff6}.icon-btn{cursor:pointer;color:#cbd5e1;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:1.4rem;transition:all .2s;display:inline-flex}.icon-btn:hover:not(:disabled){background:#ffffff1a}.icon-btn:disabled{opacity:.3;cursor:default}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.page-header{flex-direction:column;flex-shrink:0;gap:.25rem;margin-bottom:1.5rem;display:flex}.page-header.with-actions{flex-direction:row;justify-content:space-between;align-items:center}.page-title{background:linear-gradient(90deg,#f8fafc,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;margin:0;font-size:1.8rem;font-weight:700;line-height:1.2;display:flex}.page-title svg{-webkit-text-fill-color:initial;color:#f8fafc}.section-title{color:#f8fafc;font-size:1.5rem;font-weight:600}.card-title{color:#f8fafc;font-size:1.25rem;font-weight:600}.text-muted{color:#94a3b8}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-primary{color:#3b82f6}.badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.8rem;font-weight:500;display:inline-block}.badge-success{color:#10b981;background-color:#10b98133}.badge-danger{color:#ef4444;background-color:#ef444433}.badge-warning{color:#fca5a5;background-color:#ef444433}.badge-primary{color:#93c5fd;background-color:#3b82f633}.form-group{margin-bottom:1.5rem}.form-label{color:#cbd5e1;margin-bottom:.5rem;font-size:.9rem;display:block}.form-input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:.375rem;width:100%;padding:.75rem;transition:border-color .2s}.form-input:focus{border-color:#3b82f680;outline:none}select.form-input{background:#00000080}.profile-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background:var(--card);border-right:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);flex-direction:column;width:280px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow-x:hidden}.sidebar.collapsed{width:80px}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 1.5rem 0;display:flex}.sidebar-logo{color:#f8fafc;align-items:center;gap:.5rem;margin-bottom:0;padding:0;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.sidebar-logo span{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:0 1rem;display:flex}.sidebar-link{color:#cbd5e1;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#f8fafc;background:#ffffff0d}.sidebar-link.active{color:#60a5fa;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #3b82f64d}.sidebar-footer{border-top:1px solid var(--card-border);margin-top:auto;padding-top:1.5rem}.admin-nav-section{border-top:1px solid #ffffff1a;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.user-profile-widget{background:#0003;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:flex}.user-profile-widget .avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.user-profile-widget .info{flex-direction:column;display:flex;overflow:hidden}.user-profile-widget .email{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.user-profile-widget .role{color:#94a3b8;font-size:.75rem}.main-content{flex:1;min-width:0;max-width:100%;padding:1.5rem;transition:max-width .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-header-actions{display:none}@media (max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{z-index:50;border-right:none;border-bottom:1px solid var(--card-border);background:#1e293bf2;width:100%;height:auto;padding:.5rem;position:sticky;top:0}.sidebar-header{margin-bottom:.5rem;padding:0 .5rem}.mobile-header-actions{align-items:center;gap:.75rem;display:flex}.mobile-header-actions .avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.sidebar-logo{margin-bottom:0;font-size:1.1rem}.sidebar-nav{-webkit-overflow-scrolling:touch;flex-direction:row;align-items:center;gap:.5rem;padding:0 .5rem .25rem;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{height:3px}.admin-nav-section{border-top:none;border-left:1px solid #ffffff1a;flex-direction:row;gap:.5rem;margin-top:0;margin-left:.5rem;padding-top:0;padding-left:.5rem;display:flex}.sidebar-toggle-btn,.desktop-only{display:none!important}.sidebar-link{white-space:nowrap;padding:.5rem .75rem;font-size:.9rem}.profile-grid{grid-template-columns:1fr}.sidebar-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;padding:.25rem .5rem 0;display:flex}.user-profile-widget{background:0 0;flex:1;margin-bottom:0;padding:.25rem}.sidebar-footer>div{width:auto!important}.main-content{max-width:100%;padding:.5rem}.glass-card{border-radius:12px;padding:1rem}}.crm-content-wrapper{width:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.crm-content-wrapper.drawer-open{width:calc(100% - 400px)}.crm-drawer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;background-color:#0f172afa;border-left:1px solid #ffffff1a;flex-direction:column;width:400px;height:100vh;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-420px;overflow:hidden;box-shadow:-10px 0 40px #00000080}.crm-drawer.open{right:0}@media (max-width:768px){.crm-content-wrapper.drawer-open{width:100%}.crm-drawer{width:100%;right:-100%}.crm-drawer.open{right:0}}.pagination-container{border-top:1px solid var(--card-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin-top:.5rem;padding-top:.5rem;display:flex}.pagination-btn{color:#cbd5e1;cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#f8fafc;background:#3b82f633;border-color:#3b82f680}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-color:#0000}.pagination-info{color:#94a3b8;margin:0 .5rem;font-size:.75rem}