@charset "UTF-8";.sidebar{width:68px;height:100vh;background:#0f172a;color:#e5e7eb;display:flex;flex-direction:column;align-items:center;padding:16px 10px;position:fixed;left:0;top:0;z-index:50;border-right:1px solid rgba(255,255,255,.05);transition:transform .25s ease}@media(min-width:1024px){.sidebar{position:relative;transform:translate(0)}}@media(max-width:1023px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-logo{display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;width:100%}.logo-icon{width:40px;height:40px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 6px #0003}.logo-icon img{width:50px;height:50px;object-fit:contain}.close-btn{display:none;background:transparent;border:none;color:#475569;width:22px;height:22px;border-radius:6px;cursor:pointer;transition:all .2s;align-items:center;justify-content:center;position:absolute;right:0}.close-btn:hover{background:#ffffff0f;color:#94a3b8}@media(max-width:1023px){.close-btn{display:flex}}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;overflow-x:hidden;align-items:center;width:100%}.nav-item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#475569;text-decoration:none;transition:all .2s;position:relative}.nav-item:hover{background:#ffffff0f;color:#cbd5e1}.nav-item.active{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;box-shadow:0 2px 8px #2563eb4d}.nav-item:after{content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e293b;color:#e2e8f0;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.06);z-index:100}.nav-item:hover:after{opacity:1}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}@media(max-width:1023px){.sidebar:after{content:"";position:fixed;top:0;left:56px;width:calc(100vw - 56px);height:100vh;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s}.sidebar.open:after{opacity:1;pointer-events:auto}}.topbar{height:70px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:40}.topbar-left{display:flex;align-items:center}.menu-btn{width:40px;height:40px;border-radius:10px;border:none;background:#f8fafc;color:#0f172a;cursor:pointer;transition:all .2s;display:none;align-items:center;justify-content:center}.menu-btn:hover{background:#f1f5f9}@media(max-width:1023px){.menu-btn{display:flex}}.topbar-right{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border-radius:10px;border:none;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.icon-btn:hover{background:#f1f5f9;color:#0f172a}.notification-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.profile-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:12px;border:none;background:#f8fafc;cursor:pointer;transition:all .2s}.profile-btn:hover{background:#f1f5f9}.avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #667eea40}.profile-btn svg{color:#94a3b8}.notif-wrapper,.profile-wrapper{position:relative}.dropdown-overlay{position:fixed;inset:0;z-index:50}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000001f;border:1px solid #e5e7eb;z-index:100;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown{width:340px}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.dropdown-header h4{font-size:15px;font-weight:700;color:#0f172a;margin:0}.notif-count{font-size:12px;color:#667eea;font-weight:600}.notif-list{max-height:360px;overflow-y:auto}.notif-item{display:flex;gap:12px;padding:12px 16px;transition:background .2s;cursor:pointer}.notif-item:hover,.notif-item.unread{background:#f8fafc}.notif-dot{width:8px;height:8px;border-radius:50%;background:#667eea;margin-top:6px;flex-shrink:0}.notif-content{flex:1}.notif-text{font-size:14px;color:#0f172a;margin:0 0 4px;font-weight:500}.notif-time{font-size:12px;color:#94a3b8}.notif-footer{padding:10px;border-top:1px solid #e5e7eb}.view-all-btn{width:100%;padding:8px;border:none;background:transparent;color:#667eea;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:#f8fafc}.profile-dropdown{width:240px;padding:8px}.profile-header{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:10px;margin-bottom:4px}.avatar-large{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 4px 12px #667eea4d}.profile-name{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:2px}.profile-role{font-size:12px;color:#64748b}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:#0f172a;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:#f8fafc;color:#667eea}.dropdown-item svg{color:#94a3b8}.dropdown-item:hover svg{color:#667eea}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}.dropdown-item.logout svg{color:#ef4444}@media(max-width:640px){.topbar{padding:0 16px;height:64px}.notif-dropdown{right:-16px;width:calc(100vw - 32px);max-width:340px}.profile-dropdown{right:-16px}}html,body,#root{height:100%;margin:0;padding:0}.admin-layout{display:flex;height:100vh;width:100%;overflow:hidden;background:#f8fafc}.sidebar{width:68px;background:#0f172a;color:#fff;flex-shrink:0;height:100vh}.admin-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{height:64px;flex-shrink:0;background:#fff;border-bottom:1px solid #e5e7eb}.admin-content{flex:1;overflow-y:auto;padding:24px;background:#f8fafc}.sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:40}@media(max-width:1024px){.sidebar{position:fixed;top:0;left:-68px;height:100vh;z-index:50;transition:left .3s ease}.sidebar.open{left:0}.admin-layout{flex-direction:column}.admin-main{width:100%}}.dashboard-page{padding:24px;background:#f8fafc;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-header h1{font-size:28px;font-weight:700;color:#0f172a;margin:0}.dashboard-header p{font-size:14px;color:#64748b;margin:4px 0 0}.header-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #667eea4d}.header-badge svg{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner-large{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:#64748b;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:14px;padding:18px;display:flex;gap:16px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #00000014}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-color-1),var(--card-color-2))}.stat-card.primary{--card-color-1: #667eea;--card-color-2: #764ba2;background:#fff!important}.stat-card.success{--card-color-1: #10b981;--card-color-2: #059669}.stat-card.info{--card-color-1: #38bdf8;--card-color-2: #0ea5e9}.stat-card.danger{--card-color-1: #ef4444;--card-color-2: #dc2626}.stat-card.revenue{--card-color-1: #f59e0b;--card-color-2: #d97706}.stat-card.cloud-revenue{--card-color-1: #06b6d4;--card-color-2: #0891b2}.stat-card.clients{--card-color-1: #8b5cf6;--card-color-2: #7c3aed}.stat-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--card-color-1),var(--card-color-2));color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000001f}.stat-content{flex:1;display:flex;flex-direction:column;gap:6px}.stat-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.stat-value{font-size:28px;font-weight:700;color:#0f172a;line-height:1;display:flex;align-items:baseline;gap:6px}.stat-value .currency{font-size:16px;font-weight:600;color:#64748b}.stat-footer{display:flex;align-items:center;gap:6px;margin-top:auto}.stat-trend{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:5px;font-size:11px;font-weight:600}.stat-trend.positive{background:#dcfce7;color:#166534}.stat-trend.negative{background:#fee2e2;color:#991b1b}.stat-trend svg{width:12px;height:12px}.stat-meta{font-size:11px;color:#94a3b8}.stat-progress{width:100%;display:flex;flex-direction:column;gap:4px}.progress-bar{width:100%;height:5px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--card-color-1),var(--card-color-2));border-radius:999px;transition:width .6s ease}.progress-label{font-size:10px;color:#64748b;font-weight:500}.quick-actions{background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000d}.quick-actions h2{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 16px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001f}.action-btn:active{transform:translateY(0)}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.action-btn.success{background:linear-gradient(135deg,#10b981,#059669)}.action-btn.info{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.action-btn svg{width:18px;height:18px}@media(max-width:768px){.dashboard-page{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-header h1{font-size:22px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{width:48px;height:48px}.stat-value{font-size:24px}.actions-grid{grid-template-columns:1fr}}@media(min-width:1400px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.charts-section{margin-bottom:24px}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.chart-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.chart-card:hover{box-shadow:0 4px 12px #00000014}.chart-card.chart-large{grid-column:span 2}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.chart-header h3{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px}.chart-header p{font-size:13px;color:#64748b;margin:0}.chart-header svg{color:#667eea;opacity:.7}.chart-body{padding:10px 0}@media(max-width:1024px){.charts-row{grid-template-columns:1fr}.chart-card.chart-large{grid-column:1}}@media(max-width:768px){.chart-card{padding:16px}.chart-header h3{font-size:14px}.chart-header p{font-size:11px}}.stat-card,.stat-card.primary,.stat-card.success,.stat-card.info,.stat-card.danger,.stat-card.revenue,.stat-card.cloud-revenue,.stat-card.clients{background:#fff!important;color:inherit!important}.stat-card .stat-value,.stat-card .stat-label{color:#0f172a!important}.stat-label{color:#64748b!important}.gl-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000}.gl-modal{width:580px;max-width:90vw;background:#fff;border-radius:18px;box-shadow:0 40px 80px #00000040;overflow:hidden;animation:scaleIn .15s ease;max-height:90vh;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.gl-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;flex-shrink:0}.gl-header h3{margin:0;font-size:18px;font-weight:600}.gl-header p{margin:4px 0 0;font-size:13px;color:#64748b}.gl-close{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b;transition:color .2s}.gl-close:hover{color:#0f172a}.gl-body{padding:24px;overflow-y:auto;flex:1}.gl-body::-webkit-scrollbar{width:8px}.gl-body::-webkit-scrollbar-track{background:#f1f5f9}.gl-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.gl-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gl-grid>div{display:flex;flex-direction:column;gap:6px}.gl-full-width{grid-column:1 / -1}.gl-body label{font-size:13px;font-weight:500;color:#475569}.gl-body input,.gl-body select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;transition:all .2s}.gl-body input:focus,.gl-body select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.gl-hint{font-size:12px;color:#64748b;margin-top:-2px}.gl-result{text-align:center}.gl-success-icon{font-size:48px;margin-bottom:16px}.gl-result h4{margin:0 0 24px;font-size:18px;font-weight:600;color:#0f172a}.gl-info-grid{display:grid;gap:16px;text-align:left;margin-bottom:24px}.gl-info-item{background:#f8fafc;padding:12px 16px;border-radius:10px}.gl-info-item label{display:block;font-size:12px;color:#64748b;margin-bottom:4px;font-weight:500}.gl-info-item code{display:block;background:#fff;padding:8px 12px;border-radius:6px;font-size:13px;border:1px solid #e5e7eb;font-family:Courier New,monospace}.gl-info-item span{display:block;font-size:14px;color:#0f172a;font-weight:500}.gl-copy-btn{margin-top:8px;background:#2563eb;color:#fff;border:none;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.gl-copy-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.gl-instructions{background:#eff6ff;border:1px solid #bfdbfe;padding:16px;border-radius:10px;text-align:left}.gl-instructions p{margin:0 0 12px;font-size:14px;color:#1e40af}.gl-instructions ol{margin:0;padding-left:20px;color:#1e40af}.gl-instructions li{margin-bottom:8px;font-size:13px}.gl-instructions code{background:#dbeafe;padding:2px 6px;border-radius:4px;font-size:12px}.gl-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e5e7eb;flex-shrink:0}.primary{background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s}.ghost{background:transparent;border:none;color:#475569;padding:10px 18px;cursor:pointer;border-radius:12px;transition:all .2s}.ghost:hover{background:#f1f5f9}@media(max-width:640px){.gl-modal{width:95vw}.gl-grid{grid-template-columns:1fr}.gl-header{padding:16px 20px}.gl-body{padding:20px}.gl-footer{padding:12px 20px}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.extend-modal{background:#fff;border-radius:16px;width:480px;max-width:90vw;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;align-items:flex-start}.header-icon{width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#0f172a}.modal-subtitle{margin:4px 0 0;font-size:13px;color:#64748b}.modal-subtitle code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:12px;color:#2563eb}.modal-body{padding:24px}.input-label{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:12px}.month-selector{display:flex;align-items:center;gap:16px;justify-content:center;margin-bottom:20px}.month-btn{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.month-btn:hover:not(:disabled){background:#f8fafc;border-color:#2563eb;color:#2563eb}.month-btn:disabled{opacity:.4;cursor:not-allowed}.month-display{background:linear-gradient(135deg,#f0f9ff,#dbeafe);border:2px solid #2563eb;border-radius:12px;padding:16px 32px;display:flex;flex-direction:column;align-items:center;min-width:120px}.month-number{font-size:32px;font-weight:700;color:#2563eb;line-height:1}.month-text{font-size:13px;color:#1e40af;margin-top:4px;font-weight:500}.quick-presets{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.preset-btn{padding:8px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;color:#64748b}.preset-btn:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb}.preset-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.extend-info{display:flex;gap:12px;padding:12px;background:#f0f9ff;border-radius:8px;font-size:13px;color:#1e40af;line-height:1.5}.extend-info svg{flex-shrink:0;margin-top:2px;color:#2563eb}.extend-info strong{font-weight:600}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.extend-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.cancel-btn{background:#f1f5f9;color:#475569}.cancel-btn:hover:not(:disabled){background:#e2e8f0}.extend-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.extend-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.cancel-btn:disabled,.extend-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:600px){.extend-modal{width:100%;margin:20px}.modal-header,.modal-body{padding:20px}.month-display{padding:12px 24px}.month-number{font-size:28px}}.licences-page{padding:24px;background:#f8fafc;min-height:100%}.licences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.licences-header h1{font-size:28px;font-weight:700;color:#0f172a;margin:0}.licences-header p{font-size:14px;color:#64748b;margin:4px 0 0}.primary{background:#2563eb;color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.primary:active:not(:disabled){transform:translateY(0)}.primary:disabled{opacity:.5;cursor:not-allowed}.licences-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.filter-bar{display:flex;gap:8px}.filter-bar button{padding:6px 14px;border-radius:999px;border:none;background:#e5e7eb;font-size:12px;cursor:pointer;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.filter-bar button:hover{background:#d1d5db;transform:translateY(-1px)}.filter-bar button.active{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb4d}.filter-icon{font-size:14px}.search-wrapper{position:relative;display:inline-flex;align-items:center}.search-wrapper svg{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.search-input{padding:8px 12px 8px 36px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;min-width:260px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;color:#991b1b;font-size:14px}.error-content{display:flex;align-items:center;gap:8px}.error-banner button{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.error-banner button:hover{background:#b91c1c;transform:translateY(-1px)}.table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:14px;box-shadow:0 10px 30px #0000000d}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 0 14px 14px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.licence-table{width:100%;border-collapse:collapse;min-width:1400px}.licence-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:sticky;top:0;z-index:10}.licence-table th{padding:10px 8px;font-size:9px;text-transform:uppercase;color:#fff;text-align:center;font-weight:600;letter-spacing:.3px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.1)}.licence-table th:last-child{border-right:none}.th-content{display:flex;align-items:center;gap:4px;justify-content:center;flex-direction:column}.th-content svg{color:#ffffffe6;width:12px;height:12px}.licence-table td{padding:10px 8px;border-bottom:1px solid #e5e7eb;font-size:12px;color:#0f172a;vertical-align:middle;text-align:center;white-space:nowrap}.licence-table tbody tr:nth-child(odd){background:#fff}.licence-table tbody tr:nth-child(2n){background:#f8fafc}.licence-table tbody tr{transition:all .2s ease}.licence-table tbody tr:hover{background:#eff6ff!important;box-shadow:0 2px 8px #2563eb1a}.loading-cell{text-align:center;padding:40px;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:12px}.spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.badge{padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;gap:3px;transition:all .2s ease}.badge svg{width:10px;height:10px}.badge.active{background:#dcfce7;color:#166534}.badge.inactive{background:#fef3c7;color:#92400e}.badge.revoked{background:#fee2e2;color:#991b1b}.expiry{padding:3px 6px;border-radius:4px;font-weight:500;font-size:11px;display:inline-flex;align-items:center;gap:3px}.expiry svg{width:10px;height:10px}.expiry.active{background:#22c55e20;color:#22c55e}.expiry.expiring{background:#f59e0b20;color:#f59e0b}.expiry.expired{background:#ef444420;color:#ef4444}.expiry.lifetime{background:#38bdf820;color:#38bdf8}.contact-link{display:inline-flex;align-items:center;gap:4px;color:#2563eb;text-decoration:none;transition:all .2s ease;font-size:11px;padding:3px 6px;border-radius:6px}.contact-link:hover{background:#eff6ff;color:#1d4ed8}.contact-link svg{width:11px;height:11px}.contact-link.whatsapp{color:#16a34a}.contact-link.whatsapp:hover{background:#f0fdf4;color:#15803d}.actions-cell{display:flex;gap:4px;align-items:center;flex-direction:column}.action-group{display:flex;align-items:center;gap:4px;width:100%}.action-group:last-child{margin-bottom:0}.action-label{font-size:9px;font-weight:600;color:#64748b;min-width:50px;display:inline-flex;align-items:center;gap:3px}.action-label svg{width:10px;height:10px}.actions-cell button{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:500;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;transition:all .2s ease}.actions-cell button svg{width:10px;height:10px}.actions-cell button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.actions-cell button:active:not(:disabled){transform:translateY(0)}.actions-cell button:disabled{opacity:.5;cursor:not-allowed}.renew-btn{background:#16a34a;color:#fff}.renew-btn:hover:not(:disabled){background:#15803d;box-shadow:0 2px 8px #16a34a4d}.revoke-btn{background:#dc2626;color:#fff}.revoke-btn:hover:not(:disabled){background:#b91c1c;box-shadow:0 2px 8px #dc26264d}.reset-btn{background:#f59e0b;color:#fff}.reset-btn:hover:not(:disabled){background:#d97706;box-shadow:0 2px 8px #f59e0b4d}.reactivate-btn{background:#16a34a;color:#fff}.reactivate-btn:hover:not(:disabled){background:#15803d;box-shadow:0 2px 8px #16a34a4d}.licence-table code{background:#f1f5f9;padding:3px 6px;border-radius:4px;font-size:11px;font-family:Courier New,monospace}@media(max-width:900px){.licences-toolbar{flex-direction:column;align-items:stretch}.search-input{width:100%}.actions-cell{flex-direction:column;align-items:stretch}.action-group{flex-wrap:wrap}}.filter-btn.expiring{color:#d97706}.filter-btn.expiring.active{background:#fff4e5;border:1px solid #d97706}.settings-page{padding:24px;background:#f8fafc;min-height:100vh}.page-header{margin-bottom:24px}.page-header h1{font-size:28px;font-weight:700;color:#0f172a;margin:0 0 4px}.page-header p{font-size:14px;color:#64748b;margin:0}.settings-container{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.settings-sidebar{display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 1px 3px #0000000d;position:sticky;top:94px}.tab-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:10px;color:#64748b;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#f8fafc;color:#0f172a}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.tab-btn svg{flex-shrink:0}.settings-content{min-height:400px}.settings-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:20px}.section-header h2{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px}.section-header p{font-size:14px;color:#64748b;margin:0}.settings-card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.settings-card h3{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 20px}.avatar-section{display:flex;align-items:center;gap:20px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #e5e7eb}.avatar-large{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;box-shadow:0 8px 20px #667eea4d;flex-shrink:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:14px;font-weight:600;color:#0f172a}.field input{padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;color:#0f172a;transition:all .2s}.field input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.field input.disabled,.field input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.helper-text{font-size:12px;color:#94a3b8;margin:0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #667eea4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#f8fafc;color:#0f172a;border:1px solid #e5e7eb;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f1f5f9;border-color:#d1d5db}.form-actions{display:flex;gap:12px;padding-top:8px}.role-item{padding:20px;background:#f8fafc;border-radius:12px;margin-bottom:16px;border:1px solid #e5e7eb}.role-item:last-child{margin-bottom:0}.role-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.role-badge{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;display:inline-block}.role-badge.super-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-badge.admin{background:#dbeafe;color:#1e40af}.role-badge.user{background:#e0e7ff;color:#4338ca}.role-count{font-size:13px;color:#64748b}.role-description{font-size:14px;color:#64748b;margin:0 0 16px}.role-permissions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.permission{font-size:13px;color:#0f172a;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.permission:has(✗){color:#94a3b8;opacity:.6}@media(max-width:1024px){.settings-container{grid-template-columns:1fr}.settings-sidebar{position:relative;top:0;flex-direction:row;overflow-x:auto;padding:6px}.tab-btn{flex-shrink:0;white-space:nowrap}.form-grid,.role-permissions{grid-template-columns:1fr}}@media(max-width:640px){.settings-page{padding:16px}.page-header h1{font-size:22px}.settings-card{padding:20px}.avatar-section{flex-direction:column;text-align:center}.tab-btn span{display:none}.tab-btn{padding:12px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#060d1a;position:relative;overflow:hidden}.login-bg{position:absolute;inset:0;pointer-events:none}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(44,159,208,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(44,159,208,.05) 1px,transparent 1px);background-size:48px 48px}.bg-glow{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(44,159,208,.1) 0%,transparent 65%)}.login-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:20px;gap:0}.login-hero{width:100%;text-align:center;padding:0 0 40px;animation:heroIn .5s ease forwards}@keyframes heroIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-logo{display:inline-flex;align-items:center;gap:16px;margin-bottom:28px}.logo-box{width:72px;height:72px;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 1px #2c9fd033,0 12px 32px #00000080;flex-shrink:0}.logo-box img{width:56px;height:56px;object-fit:contain}.hero-brand{display:flex;flex-direction:column;text-align:left;gap:4px}.brand-name{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.1}.brand-sub{font-size:14px;color:#2c9fd0;font-weight:500;letter-spacing:.3px}.hero-title{font-size:30px;font-weight:900;margin:0 0 14px;letter-spacing:-2px;line-height:1.05;background:linear-gradient(135deg,#fff,#7ecfee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:16px;color:#4a6a85;line-height:1.6;max-width:360px;margin:0 auto}.login-card{width:100%;background:#ffffff08;border:1px solid rgba(44,159,208,.12);border-radius:20px;padding:36px 36px 28px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 0 1px #2c9fd00a,0 24px 64px #00000080,inset 0 1px #ffffff0a;animation:cardIn .5s .15s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:11px;font-weight:700;color:#5a8aaa;text-transform:uppercase;letter-spacing:.8px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#2d4a60;pointer-events:none;flex-shrink:0}.input-wrapper input{width:100%;padding:14px 14px 14px 46px;background:#ffffff0a;border:1px solid rgba(44,159,208,.12);border-radius:10px;color:#fff;font-size:15px;transition:all .2s ease;outline:none;box-sizing:border-box}.input-wrapper input::placeholder{color:#1e3548}.input-wrapper input:focus{border-color:#2c9fd080;background:#2c9fd00f;box-shadow:0 0 0 3px #2c9fd014}.toggle-password{position:absolute;right:14px;background:transparent;border:none;color:#2d4a60;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.toggle-password:hover{color:#2c9fd0}.login-error{display:flex;align-items:center;gap:8px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px 14px;color:#f87171;font-size:13px;margin-bottom:4px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-btn{width:100%;padding:15px;background:linear-gradient(135deg,#2c9fd0,#1a6a96);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:6px;letter-spacing:.2px;box-shadow:0 4px 16px #2c9fd040,inset 0 1px #ffffff1a}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #2c9fd061,inset 0 1px #ffffff1a}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{margin-top:24px;text-align:center;font-size:12px;color:#1e3548;letter-spacing:.3px}@media(max-width:520px){.login-wrapper{padding:16px}.logo-box{width:56px;height:56px;border-radius:14px}.logo-box img{width:44px;height:44px}.brand-name{font-size:20px}.brand-sub{font-size:12px}.hero-title{font-size:20px;letter-spacing:-1.5px}.hero-subtitle{font-size:14px}.login-card{padding:24px 20px 20px}.login-hero{padding-bottom:28px}}.crm-page{padding:24px}.crm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.crm-header h1{font-size:22px;font-weight:600}.btn{border:none;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:.2s}.btn-primary{background:#667eea;color:#fff}.btn-success{background:#10b981;color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn:hover{opacity:.9}.crm-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.crm-table th{text-align:left;padding:12px;background:#f8fafc;font-weight:600;font-size:14px}.crm-table td{padding:12px;border-top:1px solid #eee}.crm-table tr:hover{background:#f9fafb}.badge{padding:4px 10px;border-radius:8px;font-size:12px;color:#fff}.badge-new{background:#3b82f6}.badge-follow{background:#f59e0b}.badge-interested{background:#10b981}.badge-negotiation{background:#8b5cf6}.badge-won{background:#059669}.badge-lost{background:#ef4444}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.product-card{background:#fff;border-radius:10px;padding:16px;border:1px solid #eee}.product-card h4{font-size:15px;margin-bottom:6px}.product-card p{color:#64748b;margin-bottom:10px}.crm-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.crm-form input{padding:10px;border-radius:8px;border:1px solid #ddd}.pipeline{display:flex;gap:20px}.pipeline-column{flex:1;background:#f8fafc;border-radius:10px;padding:10px}.pipeline-column h3{font-size:14px;margin-bottom:10px}.pipeline-card{background:#fff;border-radius:8px;padding:10px;margin-bottom:10px;border:1px solid #eee}.pipeline-card strong{display:block;margin-bottom:4px}.quote-details{background:#fff;padding:20px;border-radius:10px}.quote-products{margin-top:20px}.actions{display:flex;gap:8px}@media(max-width:900px){.crm-form{grid-template-columns:1fr}.pipeline{flex-direction:column}}.pipeline{display:flex;gap:20px;overflow-x:auto;padding-top:20px}.pipeline-column{background:#f7f8fa;padding:15px;border-radius:10px;min-width:230px}.pipeline-count{opacity:.6;font-size:14px;margin-left:6px}.pipeline-card{background:#fff;padding:12px;border-radius:8px;border:1px solid #eee;margin-bottom:10px;cursor:pointer;transition:all .2s}.pipeline-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px #00000014}.pipeline-empty{opacity:.5;font-size:13px;margin-top:10px}.pipeline{display:flex;gap:20px;overflow-x:auto}.pipeline-column{min-width:260px;background:#f8fafc;border-radius:10px;padding:10px}.pipeline-card{background:#fff;padding:12px;border-radius:8px;margin-bottom:10px;border:1px solid #eee;cursor:grab;transition:.2s}.pipeline-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.chart-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #eee}.chart-card h3{margin-bottom:15px}.crm-card{background:#fff;padding:20px;border-radius:10px;border:1px solid #eee;margin-bottom:20px}.crm-card input,.crm-card select{width:100%;padding:10px;margin-top:10px;margin-bottom:10px;border:1px solid #ddd;border-radius:6px}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;inset:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media(max-width:767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{inset:0;position:absolute;margin-right:10px}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#2563eb;text-decoration:none}a:hover{color:#1d4ed8}h1{font-size:2.4em;line-height:1.2}button{border-radius:8px;border:1px solid transparent;padding:10px 16px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}button:focus{outline:none}.card{padding:2em}.read-the-docs{color:#6b7280}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif;background:#f8fafc}