@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);.login-page{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe 50%,#f8fafc);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:100%}.login-background{inset:0;overflow:hidden;pointer-events:none;position:absolute}.circle{border-radius:50%;filter:blur(10px);opacity:.55;position:absolute}.circle.one{background:#60a5fa;height:420px;left:-120px;top:-120px;width:420px}.circle.two{background:#3b82f6;bottom:-60px;height:320px;right:-80px;width:320px}.circle.three{background:#93c5fd;height:220px;left:60%;top:50%;width:220px}.login-card{animation:loginUp .45s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #ffffffb3;border-radius:24px;box-shadow:0 30px 70px #0f172a26;max-width:460px;padding:42px;position:relative;width:100%;z-index:10}.login-logo{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:20px;box-shadow:0 20px 35px #2563eb4d;color:#fff;display:flex;height:82px;justify-content:center;margin:auto auto 24px;width:82px}.login-card h1{color:#0f172a;font-size:28px;font-weight:700;margin:0;text-align:center}.login-card h2{color:#2563eb;font-size:18px;font-weight:600;margin:10px 0 0;text-align:center}.login-card p{color:#64748b;font-size:14px;margin:12px 0 32px;text-align:center}.login-form{gap:22px}.input-group,.login-form{display:flex;flex-direction:column}.input-group label{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:10px}.input-group label svg{color:#2563eb}.input-wrapper{position:relative}.input-wrapper svg{color:#94a3b8;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper input{background:#fff;border:1px solid #dbe2ea;border-radius:14px;box-sizing:border-box;font-size:15px;height:50px;padding:0 16px 0 48px;transition:.25s;width:100%}.input-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f;outline:none}.input-wrapper input:focus+svg{color:#2563eb}.login-button{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;box-shadow:0 12px 30px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;height:52px;justify-content:center;transition:.25s ease;width:100%}.login-button:hover{box-shadow:0 18px 36px #2563eb59;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-divider{align-items:center;display:flex;margin:30px 0 20px}.login-divider:after,.login-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.login-divider span{color:#64748b;font-size:13px;font-weight:600;margin:0 14px}.login-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.info-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.info-row:not(:last-child){border-bottom:1px solid #e5e7eb}.info-label{color:#64748b;font-size:13px}.info-value{color:#0f172a;font-family:Consolas,monospace;font-size:13px;font-weight:700}.login-footer{align-items:center;border-top:1px solid #e5e7eb;color:#94a3b8;display:flex;font-size:12px;justify-content:space-between;margin-top:28px;padding-top:18px}@keyframes loginUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.login-page{padding:20px}.login-card{border-radius:20px;padding:30px 24px}.login-logo{height:72px;width:72px}.login-card h1{font-size:24px}.login-card h2{font-size:17px}.input-wrapper input{font-size:14px;height:48px}.login-button{height:48px}}@media (max-width:480px){.login-page{padding:16px}.login-card{padding:24px 18px}.login-footer{flex-direction:column;gap:6px;text-align:center}.circle.one{height:260px;width:260px}.circle.two{height:220px;width:220px}.circle.three{display:none}}.navbar{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:0 2px 15px #0f172a0d;gap:24px;height:72px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition);z-index:999}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:16px;min-width:320px}.logo-box{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:14px;box-shadow:0 10px 25px #2563eb40;color:#fff;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.logo-box svg{stroke-width:2.2}.navbar-brand h1{color:var(--gray-900);font-size:20px;font-weight:700;line-height:1.2;margin:0}.navbar-brand span{color:var(--gray-500);display:block;font-size:13px;margin-top:2px}.navbar-search{align-items:center;background:#f8fafc;border:1px solid var(--gray-200);border-radius:12px;display:flex;flex:1 1;height:46px;max-width:560px;padding:0 16px;transition:var(--transition)}.navbar-search:hover{background:#fff}.navbar-search:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a}.search-svg{color:var(--gray-500);flex-shrink:0;margin-right:10px}.navbar-search input{background:#0000;border:none;box-shadow:none;color:var(--gray-800);font-size:14px;outline:none;padding:0;width:100%}.navbar-search input::placeholder{color:var(--gray-400)}.navbar-right{align-items:center;display:flex;gap:16px}.datetime-card{align-items:flex-end;display:flex;flex-direction:column;line-height:1.2}.datetime-card span{color:var(--gray-500);font-size:12px}.datetime-card strong{color:var(--gray-900);font-size:15px;margin-top:3px}.icon-btn{align-items:center;background:#f8fafc;border:none;border-radius:10px;color:var(--gray-700);cursor:pointer;display:flex;height:42px;justify-content:center;transition:var(--transition);width:42px}.icon-btn:hover{background:var(--primary);box-shadow:0 10px 22px #2563eb33;color:#fff;transform:translateY(-2px)}.icon-btn:hover svg{animation:spin .6s linear}.admin-card{background:#f8fafc;border:1px solid var(--gray-200);border-radius:14px;gap:12px;padding:6px 12px}.admin-card,.avatar{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:50%;color:#fff;flex-shrink:0;height:42px;justify-content:center;width:42px}.avatar svg{stroke-width:2.3}.admin-name{color:var(--gray-900);font-size:14px;font-weight:600}.admin-status{color:var(--success);font-size:12px;font-weight:600;margin-top:2px}.logout-btn{align-items:center;background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:42px;padding:0 18px;transition:var(--transition)}.logout-btn:hover{background:#b91c1c;box-shadow:0 10px 25px #dc262640;transform:translateY(-2px)}@media(max-width:1200px){.navbar{padding:0 20px}.datetime-card{display:none}}@media(max-width:992px){.navbar{flex-wrap:wrap;gap:16px;height:auto;padding:16px 20px}.navbar-brand{width:100%}.navbar-search{max-width:100%;order:3;width:100%}.navbar-right{justify-content:flex-end;width:100%}}@media(max-width:768px){.admin-card{display:none}.logout-btn{padding:0 14px}}@media(max-width:576px){.navbar{padding:14px}.logo-box{height:46px;width:46px}.navbar-brand h1{font-size:17px}.navbar-brand span{font-size:12px}.logout-btn{justify-content:center;padding:0;width:42px}.logout-btn span{display:none}}.dashboard-metrics{display:flex;flex-direction:column;gap:28px}.metrics-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(5,1fr)}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 6px 24px #0f172a0f;cursor:pointer;overflow:hidden;padding:22px;position:relative;transition:.3s ease}.metric-card:before{content:"";height:5px;left:0;position:absolute;top:0;width:100%}.metric-card:hover{box-shadow:0 16px 35px #0f172a1a;transform:translateY(-6px)}.metric-card.active-card{border:2px solid var(--primary);transform:translateY(-4px)}.metric-card.primary:before{background:#2563eb}.metric-card.success:before{background:#16a34a}.metric-card.warning:before{background:#f59e0b}.metric-card.danger:before{background:#dc2626}.metric-card.secondary:before{background:#64748b}.metric-top{justify-content:space-between;margin-bottom:22px}.metric-icon,.metric-top{align-items:center;display:flex}.metric-icon{border-radius:16px;height:56px;justify-content:center;width:56px}.metric-icon.primary{background:#dbeafe;color:#2563eb}.metric-icon.success{background:#dcfce7;color:#16a34a}.metric-icon.warning{background:#fef3c7;color:#d97706}.metric-icon.danger{background:#fee2e2;color:#dc2626}.metric-icon.secondary{background:#f1f5f9;color:#475569}.metric-menu{color:#94a3b8;font-size:22px;letter-spacing:3px}.metric-number{color:#0f172a;font-size:34px;font-weight:700;line-height:1}.metric-title{color:#1e293b;font-size:16px;font-weight:600;margin-top:18px}.metric-subtitle{color:#64748b;font-size:13px;margin-top:6px}.metric-footer{align-items:center;color:#94a3b8;display:flex;font-size:13px;justify-content:space-between;margin-top:20px}.metric-footer svg{transition:.3s}.metric-card:hover .metric-footer svg{transform:translateX(4px)}.business-summary{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.summary-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 6px 24px #0f172a0f;display:flex;gap:18px;padding:24px;transition:.3s}.summary-card:hover{transform:translateY(-5px)}.summary-icon{align-items:center;border-radius:18px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.summary-content{flex:1 1}.summary-label{color:#64748b;font-size:14px;font-weight:600}.summary-amount{color:#0f172a;font-size:30px;font-weight:700;line-height:1.1;margin-top:8px}.summary-desc{color:#94a3b8;font-size:13px;margin-top:10px}.summary-card.revenue .summary-icon{background:#dbeafe;color:#2563eb}.summary-card.renewal .summary-icon{background:#dcfce7;color:#16a34a}.summary-card.health .summary-icon{background:#fef3c7;color:#d97706}.progress-bar{background:#e5e7eb;border-radius:999px;height:8px;margin-top:18px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:999px;height:100%;transition:width .5s ease}.metric-card,.summary-card{animation:fadeUp .45s ease}@media (max-width:1400px){.business-summary,.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.business-summary{grid-template-columns:1fr}}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.metric-card{padding:20px}.metric-number{font-size:30px}.summary-card{gap:16px;padding:20px}.summary-icon{height:56px;width:56px}.summary-amount{font-size:26px}}@media (max-width:576px){.dashboard-metrics{gap:20px}.metric-top{margin-bottom:18px}.metric-icon{border-radius:14px;height:48px;width:48px}.metric-title{font-size:15px}.metric-subtitle{font-size:12px}.metric-footer{font-size:12px;margin-top:16px}.summary-card{align-items:flex-start;flex-direction:column}.summary-icon{height:52px;width:52px}.summary-label{font-size:13px}.summary-amount{font-size:24px}.summary-desc{font-size:12px}}.table-card{animation:fadeUp .4s ease;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 30px #0f172a0f;overflow:hidden}.table-header{align-items:center;background:#fafbfd;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;padding:22px 28px}.table-header h2{color:#0f172a;font-size:20px;font-weight:700;margin:0}.table-header span{color:#64748b;display:block;font-size:13px;margin-top:4px}.table-responsive{overflow:auto}.subscription-table{border-collapse:initial;border-spacing:0;min-width:1250px;width:100%}.subscription-table thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#475569;font-size:13px;font-weight:700;letter-spacing:.04em;padding:16px 18px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:5}.subscription-table tbody td{background:#fff;border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:18px;vertical-align:middle}.subscription-table tbody tr{transition:.25s}.subscription-table tbody tr:hover,.subscription-table tbody tr:hover td{background:#f8fbff}.client-info{gap:14px}.client-avatar,.client-info{align-items:center;display:flex}.client-avatar{background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:14px;color:#fff;flex-shrink:0;height:44px;justify-content:center;width:44px}.client-name{color:#0f172a;font-size:15px;font-weight:600}.client-remark{color:#64748b;font-size:12px;margin-top:4px}.type-chip{align-items:center;background:#eff6ff;border-radius:999px;color:#2563eb;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 14px}.serial-list{display:flex;flex-wrap:wrap;gap:6px}.serial-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:12px;font-weight:500;padding:5px 10px}.money-cell{align-items:center;color:#0f172a;display:flex;font-weight:600;gap:6px}.money-cell svg{color:#16a34a}.whatsapp-cell{align-items:center;color:#334155;display:flex;gap:8px}.whatsapp-cell svg{color:#22c55e}.expiry-cell{align-items:center;display:flex;font-weight:500;gap:8px}.expiry-cell svg{color:#2563eb}.status-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:7px;padding:7px 14px}.status-chip.success{background:#dcfce7;color:#15803d}.status-chip.warning{background:#fef3c7;color:#b45309}.status-chip.danger{background:#fee2e2;color:#b91c1c}.status-chip.secondary{background:#e2e8f0;color:#475569}.table-actions{gap:8px}.action-btn,.table-actions{align-items:center;display:flex;justify-content:center}.action-btn{border:none;border-radius:10px;cursor:pointer;height:38px;transition:.25s ease;width:38px}.action-btn.edit{background:#dbeafe;color:#2563eb}.action-btn.edit:hover{background:#2563eb;box-shadow:0 10px 24px #2563eb40;color:#fff;transform:translateY(-2px)}.action-btn.suspend{background:#fef3c7;color:#d97706}.action-btn.suspend:hover{background:#d97706;box-shadow:0 10px 24px #d9770640;color:#fff;transform:translateY(-2px)}.action-btn.activate{background:#dcfce7;color:#15803d}.action-btn.activate:hover{background:#16a34a;box-shadow:0 10px 24px #16a34a40;color:#fff;transform:translateY(-2px)}.action-btn.delete{background:#fee2e2;color:#dc2626}.action-btn.delete:hover{background:#dc2626;box-shadow:0 10px 24px #dc262640;color:#fff;transform:translateY(-2px)}.action-btn svg{transition:transform .25s ease}.action-btn:hover svg{transform:scale(1.1)}.table-footer{align-items:center;background:#fafbfd;border-top:1px solid #e5e7eb;color:#64748b;display:flex;font-size:13px;gap:20px;justify-content:space-between;padding:18px 28px}.footer-left strong{color:#0f172a}.footer-right{align-items:center;color:#2563eb;display:flex;font-weight:500;gap:8px}.empty-table{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 30px #0f172a0f;padding:70px 30px;text-align:center}.empty-circle{align-items:center;background:#eff6ff;border-radius:50%;color:#2563eb;display:flex;height:90px;justify-content:center;margin:auto;width:90px}.empty-table h3{color:#0f172a;font-size:22px;margin:22px 0 10px}.empty-table p{color:#64748b;font-size:14px;margin:0}.table-responsive::-webkit-scrollbar{height:10px}.table-responsive::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.subscription-table{min-width:1100px}}@media (max-width:992px){.table-header{gap:12px}.table-footer,.table-header{align-items:flex-start;flex-direction:column}.table-footer{gap:10px}}@media (max-width:768px){.table-card{border-radius:16px}.table-header{padding:18px}.subscription-table thead th{font-size:12px;padding:14px}.subscription-table tbody td{font-size:13px;padding:14px}.client-avatar{border-radius:12px;height:40px;width:40px}.client-name{font-size:14px}.serial-chip{font-size:11px;padding:4px 8px}.action-btn{height:34px;width:34px}.table-footer{padding:16px 18px}}@media (max-width:576px){.table-header h2{font-size:18px}.table-header span{font-size:12px}.empty-table{padding:50px 20px}.empty-circle{height:70px;width:70px}.empty-table h3{font-size:20px}.empty-table p{font-size:13px}.footer-left,.footer-right{font-size:12px}}.modal-overlay{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px;position:fixed;z-index:9999}.subscription-modal{background:#fff;border-radius:20px;box-shadow:0 25px 70px #0f172a38;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow:hidden;width:100%}.modal-header{align-items:flex-start;background:#fafbfd;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:26px 30px}.modal-header h2{color:#0f172a;font-size:24px;font-weight:700;margin:0}.modal-header p{color:#64748b;font-size:14px;margin-top:8px}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;height:42px;justify-content:center;transition:.25s;width:42px}.modal-close:hover{background:#ef4444;color:#fff}.subscription-form{flex:1 1;overflow-y:auto;padding:24px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:22px}.form-group{display:flex;flex-direction:column}.form-group label{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.form-group label svg{color:#2563eb}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #dbe2ea;border-radius:12px;box-sizing:border-box;font-size:14px;padding:13px 16px;transition:.25s;width:100%}.form-group textarea{min-height:110px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f;outline:none}.serial-section{background:#fafbfd;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:16px}.serial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.serial-header label{color:#0f172a;font-size:15px;font-weight:700}.add-serial-btn{align-items:center;background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:.25s}.add-serial-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.serial-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.serial-row:last-child{margin-bottom:0}.serial-row input{flex:1 1;height:44px}.remove-serial-btn{align-items:center;background:#fee2e2;border:none;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:.25s ease;width:44px}.remove-serial-btn:hover{background:#dc2626;box-shadow:0 10px 24px #dc262638;color:#fff;transform:translateY(-2px)}.modal-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;position:-webkit-sticky;position:sticky}.btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;height:44px;min-width:140px;padding:13px 22px;transition:.25s ease}.btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.btn-save{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 10px 24px #2563eb38;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:44px;min-width:140px;padding:13px 24px;transition:.25s ease}.btn-save:hover{box-shadow:0 18px 34px #2563eb4d;transform:translateY(-2px)}.add-serial-btn:disabled,.btn-cancel:disabled,.btn-save:disabled,.modal-close:disabled,.remove-serial-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}::placeholder{color:#94a3b8}.subscription-modal ::-webkit-scrollbar{height:8px;width:8px}.subscription-modal ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.subscription-modal ::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes modalUp{0%{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.subscription-modal{max-width:95%}}@media (max-width:768px){.modal-overlay{align-items:flex-start;overflow:auto;padding:16px}.subscription-modal{border-radius:18px;margin:20px auto}.modal-header,.subscription-form{padding:20px}.form-grid{gap:18px;grid-template-columns:1fr}.serial-section{padding:18px}.serial-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-footer{align-items:stretch;flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}@media (max-width:576px){.modal-header h2{font-size:20px}.form-group label,.modal-header p{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:12px 14px}.serial-row{gap:10px}.remove-serial-btn{height:40px;width:40px}.btn-cancel,.btn-save{font-size:13px;padding:12px 18px}}.app{background:#f1f5f9;min-height:100vh}.dashboard-container{animation:fadeUp .35s ease;display:flex;flex-direction:column;gap:26px;padding:28px}.toolbar-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 30px #0f172a0d;gap:20px;justify-content:space-between;padding:22px 24px}.toolbar-card,.toolbar-left{align-items:center;display:flex}.toolbar-left{flex:1 1;flex-wrap:wrap;gap:14px}.toolbar-right{gap:12px}.toolbar-right,.toolbar-title{align-items:center;display:flex}.toolbar-title{color:#0f172a;font-size:15px;font-weight:700;gap:8px;margin-right:8px}.toolbar-title svg{color:#2563eb}.toolbar-search{align-items:center;background:#fff;border:1px solid #dbe2ea;border-radius:12px;display:flex;gap:10px;height:46px;padding:0 16px;transition:.25s;width:340px}.toolbar-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.toolbar-search svg{color:#64748b}.toolbar-search input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.toolbar-select{background:#fff;border:1px solid #dbe2ea;border-radius:12px;font-size:14px;height:46px;min-width:170px;padding:0 14px;transition:.25s}.toolbar-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.primary-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 10px 25px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:.25s}.primary-btn:hover{box-shadow:0 18px 35px #2563eb47;transform:translateY(-2px)}.secondary-btn{align-items:center;background:#fff;border:1px solid #dbe2ea;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:11px 18px;transition:.25s}.secondary-btn:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb}.loading-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 30px #0f172a0d;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:380px}.loading-card h3{color:#0f172a;font-size:20px;font-weight:700;margin:0}.loading-card p{color:#64748b;font-size:14px;margin:0}.loader{animation:spin .8s linear infinite;border:5px solid #dbeafe;border-radius:50%;border-top-color:#2563eb;height:54px;width:54px}button:disabled{box-shadow:none!important;opacity:.65;transform:none!important}input::placeholder{color:#94a3b8}select{cursor:pointer}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{border-radius:999px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.toolbar-card{align-items:stretch;flex-direction:column}.toolbar-left{width:100%}.toolbar-right{flex-wrap:wrap;justify-content:flex-end}}@media (max-width:768px){.dashboard-container{gap:20px;padding:18px}.toolbar-card{padding:18px}.toolbar-search{width:100%}.toolbar-select{min-width:0;min-width:auto;width:100%}.toolbar-left,.toolbar-right{align-items:stretch;flex-direction:column}.toolbar-right{width:100%}.primary-btn,.secondary-btn{justify-content:center;width:100%}}@media (max-width:576px){.dashboard-container{padding:14px}.toolbar-title{font-size:14px}.toolbar-search,.toolbar-select{height:44px}.primary-btn,.secondary-btn{font-size:13px;height:44px}.loading-card{min-height:260px;padding:24px}.loading-card h3{font-size:18px}.loading-card p{text-align:center}}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--success:#16a34a;--success-light:#dcfce7;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fee2e2;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--white:#fff;--black:#000;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 6px 18px #0f172a14;--shadow-lg:0 10px 30px #0f172a1a;--shadow-xl:0 16px 45px #0f172a1f;--transition:all .25s ease;--header-height:72px;--sidebar-width:250px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--gray-50);color:#0f172a;color:var(--gray-900);font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0;overflow-x:hidden;padding:0}#root{min-height:100vh}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}*{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-color:var(--gray-300) var(--gray-100);scrollbar-width:thin}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--gray-900);font-weight:700;margin:0}h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}p{color:#475569;color:var(--gray-600);margin:0}small{color:#64748b;color:var(--gray-500)}a{color:inherit;text-decoration:none;transition:all .25s ease;transition:var(--transition)}a:hover{color:#2563eb;color:var(--primary)}img{display:block;max-width:100%}input,select,textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--gray-800);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:all .25s ease;transition:var(--transition);width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a}input::placeholder,textarea::placeholder{color:#94a3b8;color:var(--gray-400)}button{border:none;cursor:pointer;font-family:inherit;transition:all .25s ease;transition:var(--transition)}button:disabled{cursor:not-allowed;opacity:.55}.btn{align-items:center;border-radius:10px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:42px;justify-content:center;padding:0 18px;transition:all .25s ease;transition:var(--transition)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#2563eb;background:var(--primary);color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--primary-hover)}.btn-secondary{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);color:#334155;color:var(--gray-700)}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-success{background:#16a34a;background:var(--success);color:#fff}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a14;box-shadow:var(--shadow-md);transition:all .25s ease;transition:var(--transition)}.card:hover{box-shadow:0 10px 30px #0f172a1a;box-shadow:var(--shadow-lg);transform:translateY(-3px)}table{border-collapse:collapse;width:100%}thead{background:#f1f5f9;background:var(--gray-100)}th{color:#334155;color:var(--gray-700);font-weight:600;text-align:left}td,th{padding:15px}td{border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200)}tbody tr{transition:all .25s ease;transition:var(--transition)}tbody tr:hover{background:#f8fbff}.badge{align-items:center;border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 12px}.badge-success{background:#dcfce7;background:var(--success-light);color:#16a34a;color:var(--success)}.badge-warning{background:#fef3c7;background:var(--warning-light);color:#f59e0b;color:var(--warning)}.badge-danger{background:#fee2e2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.text-center{text-align:center}.text-right{text-align:right}.w-100{width:100%}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.fade-in{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){h1{font-size:26px}}@media (max-width:992px){body{font-size:13px}.btn{height:40px}}@media (max-width:768px){h1{font-size:22px}h2{font-size:20px}td,th{padding:12px}}@media (max-width:576px){body{font-size:13px}.card{border-radius:14px}.btn{width:100%}}
/*# sourceMappingURL=main.6e265312.css.map*/