*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}button,a,input,textarea,select,[onclick]{-webkit-tap-highlight-color:transparent}img,picture,video,canvas,svg{max-width:100%;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{margin-bottom:0}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#3b82f6;--color-primary-bg:#eff6ff;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fb;--color-bg-light:#f3f4f6;--color-bg-main:#f8f9fb;--color-bg-card:#fff;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-success:#10b981;--color-success-light:#059669;--color-success-bg:#d1fae5;--color-success-text:#065f46;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-bg:#fee2e2;--color-danger-text:#991b1b;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-error:#ef4444;--color-secondary:#6b7280;--color-secondary-hover:#4b5563;--color-accent:#3b82f6;--color-accent-hover:#1d4ed8;--color-bg-success:#d1fae5;--color-bg-warning:#fef3c7;--color-bg-warning-text:#92400e;--color-bg-warning-ok:#d1fae5;--color-bg-warning-ok-text:#065f46;--shadow:0 2px 8px #0000000d;--shadow-lg:0 10px 30px #0000001a;--sidebar-width:300px;--topbar-height:60px}[data-theme=dark]{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#93c5fd;--color-primary-bg:#2563eb26;--color-bg-primary:#1e293b;--color-bg-secondary:#0f172a;--color-bg-light:#334155;--color-bg-main:#0f172a;--color-bg-card:#1e293b;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#9ca3af;--color-success:#10b981;--color-success-light:#059669;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-warning:#f59e0b;--color-error:#ef4444;--color-secondary:#6b7280;--color-secondary-hover:#4b5563;--color-accent:#3b82f6;--color-accent-hover:#1d4ed8;--color-bg-success:#064e3b;--color-bg-warning:#451a03;--color-bg-warning-text:#f59e0b;--color-bg-warning-ok:#064e3b;--color-bg-warning-ok-text:#10b981;--shadow:0 2px 8px #0000004d;--shadow-lg:0 10px 30px #0006}html,body{background-color:var(--color-bg-secondary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.form-group{margin-bottom:24px}.form-group label{color:var(--color-text-primary);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-control{border:1px solid var(--color-border);background-color:var(--color-bg-card);width:100%;color:var(--color-text-primary);border-radius:4px;padding:8px 12px;font-size:14px;transition:all .3s}.form-control:hover{border-color:var(--color-primary)}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}@media (width<=768px){.form-row{grid-template-columns:1fr}}.form-sale,.form-agency{min-width:500px}.form-sale h3,.form-agency h3{color:var(--color-text-primary);margin-bottom:16px;font-weight:600}@media (width<=768px){.form-sale,.form-agency{width:100%;min-width:auto}}.form-sale .ant-form-item-label>label,.form-agency .ant-form-item-label>label{color:var(--color-text-primary);font-weight:500}.commission-total-badge{color:var(--color-primary);background:var(--color-primary-bg);text-align:center;border-radius:6px;padding:8px 12px;font-size:18px;font-weight:600}.amount-ok{font-size:16px;color:var(--color-success)!important}.amount-remaining{font-size:16px;color:var(--color-danger)!important}.custom-plan-section{margin-top:16px}.search-bar{gap:12px;display:flex}@media (width<=768px){.search-bar{flex-direction:column}}.search-bar .form-control{flex:1}.alert{border-radius:4px;margin-bottom:16px;padding:12px 16px}.alert-success{background-color:var(--color-bg-success);color:var(--color-success-text);border:1px solid var(--color-success)}.alert-danger,.alert-error{background-color:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger)}.alert-warning{background-color:var(--color-bg-warning);color:var(--color-bg-warning-text);border:1px solid var(--color-warning)}.alert-info{background-color:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary)}.badge{background-color:var(--color-border);color:var(--color-text-secondary);border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.badge-trial{background-color:var(--color-bg-warning);color:var(--color-bg-warning-text)}.badge-active,.badge-success{background-color:var(--color-bg-success);color:var(--color-success-text)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}@media (width<=767px){.modal-overlay{padding:.75rem}}.modal-content{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:12px;max-width:90vw;max-height:90vh;padding:1.5rem;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000001f}@media (width<=767px){.modal-content{border-radius:10px;width:100%;max-width:none;max-height:85vh;padding:1rem}}.modal-close-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:.25rem;font-size:24px;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-close-btn:hover{background-color:var(--color-bg-light);color:var(--color-text-primary)}.modal-header{border-bottom:1px solid var(--color-border-light);margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.modal-header p{color:var(--color-text-muted);margin:.5rem 0 0;font-size:.875rem}.modal-body{margin-bottom:1.5rem}.modal-footer,.modal-actions{border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}@media (width<=767px){.modal-footer,.modal-actions{flex-direction:column-reverse}.modal-footer button,.modal-actions button{width:100%}}.modal-footer button,.modal-actions button{padding:.5rem 1.5rem}.invoice-form{min-width:500px;max-width:600px}@media (width<=767px){.invoice-form{min-width:100%}}.invoice-form h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.invoice-form .invoice-info{background-color:var(--color-bg-secondary);border-left:4px solid #2563eb;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.invoice-form .invoice-info p{color:var(--color-text-secondary);margin:.25rem 0;font-size:.875rem}.invoice-form .invoice-info strong{color:var(--color-text-primary)}.invoice-form .error-message{background:var(--color-danger-bg);color:var(--color-danger-text);border-left:4px solid var(--color-danger);border-radius:10px;align-items:center;gap:12px;margin-bottom:1rem;padding:14px 18px;font-size:.875rem;display:flex}.invoice-form .form-group{margin-bottom:1rem}.invoice-form .form-group label{color:var(--color-text-primary);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.invoice-form .form-group label .required{color:#ef4444;margin-left:4px}.invoice-form .form-group input,.invoice-form .form-group textarea{border:1px solid var(--color-border);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:all .2s}.invoice-form .form-group input:focus,.invoice-form .form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.invoice-form .form-group input::placeholder,.invoice-form .form-group textarea::placeholder{color:var(--color-text-muted)}.invoice-form .form-group textarea{resize:vertical;min-height:80px}.card{background:var(--color-bg-card);border-radius:12px;margin-bottom:1.5rem;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.card:hover{box-shadow:0 4px 12px #00000014}.card-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-light);padding:1rem 1.5rem}.card-header h2,.card-header h3{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.card-header p{color:var(--color-text-secondary);margin:.25rem 0 0;font-size:.875rem}.card-title{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.card-body{padding:1.5rem}@media (width<=767px){.card-body{padding:1rem}}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.info-item label{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.info-item p{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:500}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.info-value{color:var(--color-text-primary);text-align:right;font-weight:500}.badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.25rem;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-primary{background:var(--color-primary-bg);color:var(--color-primary)}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-info{color:#1e40af;background:#dbeafe}.badge-secondary{color:var(--color-text-secondary);background:#f3f4f6}.badge-trial{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-active{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge{border-radius:10px;align-items:center;gap:.75rem;padding:1rem;display:flex}.status-badge.success{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge.success svg{color:var(--color-success);font-size:1.5rem}.status-badge.danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.status-badge.danger svg{color:var(--color-danger);font-size:1.5rem}.status-badge.warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-badge.warning svg{color:var(--color-warning);font-size:1.5rem}.status-badge strong{margin-bottom:.25rem;font-weight:600;display:block}.status-badge p{margin:0;font-size:.875rem}.table-responsive{-webkit-overflow-scrolling:touch;margin:0 -1.5rem;padding:0 1.5rem;overflow-x:auto}@media (width<=767px){.table-responsive{margin:0 -1rem;padding:0 1rem}}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table thead{background:var(--color-bg-light);border-bottom:2px solid var(--color-border)}.table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}@media (width<=767px){.table th{padding:.5rem .75rem}}.table td{border-top:1px solid var(--color-border);color:var(--color-text-primary);padding:1rem}@media (width<=767px){.table td{padding:.75rem}}.table td strong{color:var(--color-text-primary);font-weight:600}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:var(--color-bg-light)}.table tbody tr.row-cancelled{opacity:.5;text-decoration:line-through}.table tbody tr.row-disabled{opacity:.6;pointer-events:none}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-nowrap{white-space:nowrap}.search-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (width<=767px){.search-bar{flex-direction:column;width:100%}}.search-bar .form-control{flex:1;min-width:200px}@media (width<=767px){.search-bar .form-control{width:100%}}.search-bar button{flex-shrink:0}@media (width<=767px){.search-bar button{width:100%}}.empty-state{text-align:center;color:var(--color-text-secondary);padding:3rem 1.5rem}.empty-state svg{opacity:.3;margin-bottom:1rem;font-size:64px}.empty-state h3{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.empty-state p{margin:0;font-size:.875rem}.alert,.notification{border-left:4px solid;border-radius:10px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.alert svg,.notification svg{flex-shrink:0;margin-top:2px;font-size:1.125rem}.alert p,.notification p{margin:0;line-height:1.5}.alert strong,.notification strong{margin-bottom:.25rem;font-weight:600;display:block}.alert-success{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success)}.alert-success svg{color:var(--color-success)}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger)}.alert-danger svg{color:var(--color-danger)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning)}.alert-warning svg{color:var(--color-warning)}.alert-info{color:#1e40af;border-color:var(--color-primary);background:#dbeafe}.alert-info svg{color:var(--color-primary)}.notification{min-width:300px;animation:.3s slideIn;box-shadow:0 10px 30px #0000001a}@media (width<=767px){.notification{min-width:280px}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.loading-layout{background:var(--color-bg-secondary);min-height:100vh;display:flex}.loading-layout .loading-container{width:100%;color:var(--color-text-primary);justify-content:center;align-items:center;gap:10px;font-size:1.125rem;display:flex}.app-container{min-height:100vh;display:flex;position:relative}.mobile-header{background:var(--color-bg-card);z-index:101;border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;height:60px;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000000d}@media (width>=768px) and (width<=1023px){.mobile-header{display:flex}}@media (width<=767px){.mobile-header{padding:0 .75rem;display:flex}}.mobile-header .hamburger{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:28px;height:28px;padding:0;transition:all .3s;display:flex}.mobile-header .hamburger span{background:var(--color-primary);transform-origin:50%;border-radius:10px;width:28px;height:3px;transition:all .3s}.mobile-header .hamburger.active span:first-child{transform:translateY(9px)rotate(45deg)}.mobile-header .hamburger.active span:nth-child(2){opacity:0;transform:translate(-20px)}.mobile-header .hamburger.active span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.mobile-header .mobile-logo{color:var(--color-primary);letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:700}.sidebar{background:var(--color-bg-card);z-index:100;flex-direction:column;justify-content:space-between;width:300px;height:100vh;transition:transform .3s;display:flex;position:fixed;overflow:hidden auto;box-shadow:0 2px 8px #0000000d}@media (width>=768px) and (width<=1023px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media (width<=767px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar .sidebar-header{border-bottom:1px solid var(--color-border);padding:1.5rem 20px}@media (width>=768px) and (width<=1023px){.sidebar .sidebar-header{padding-top:calc(60px + 1rem)}}@media (width<=767px){.sidebar .sidebar-header{padding-top:calc(60px + 1rem)}}.sidebar .sidebar-header .logo{color:var(--color-primary);letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:700}@media (width>=768px) and (width<=1023px){.sidebar .sidebar-header .logo{display:none}}@media (width<=767px){.sidebar .sidebar-header .logo{display:none}}.sidebar .sidebar-nav{flex:1;padding:20px 0}.sidebar .sidebar-nav .nav-item{color:var(--color-text-secondary);white-space:nowrap;border-left:3px solid #0000;align-items:center;padding:12px 20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar .sidebar-nav .nav-item .nav-icon{flex-shrink:0;width:20px;height:20px;margin-right:12px;font-size:18px}.sidebar .sidebar-nav .nav-item:hover{background:var(--color-bg-secondary);color:var(--color-primary);transform:translate(5px)}.sidebar .sidebar-nav .nav-item:hover.active{transform:translate(0)}.sidebar .sidebar-nav .nav-item.active{background:var(--color-primary-bg);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:500}.sidebar .sidebar-footer{border-top:1px solid var(--color-border);margin-top:auto}.sidebar .theme-toggle{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.sidebar .theme-toggle .theme-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.sidebar .logout-btn{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.sidebar .logout-btn:hover{background:var(--color-bg-secondary);color:var(--color-danger)}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;animation:.2s fadeIn;display:none;position:fixed;inset:0}@media (width>=768px) and (width<=1023px){.sidebar-overlay{display:block}}@media (width<=767px){.sidebar-overlay{display:block}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:300px;display:flex}@media (width>=768px) and (width<=1023px){.main-content{margin-left:0;padding-top:60px}}@media (width<=767px){.main-content{margin-left:0;padding-top:60px}}.main-content .content-wrapper{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:30px}@media (width>=768px) and (width<=1023px){.main-content .content-wrapper{padding:1.5rem 1rem}}@media (width<=767px){.main-content .content-wrapper{padding:16px}}.main-content .content-wrapper .page-container{background:var(--color-bg-card);border-radius:12px;min-height:400px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}@media (width>=768px) and (width<=1023px){.main-content .content-wrapper .page-container{padding:1rem}}@media (width<=767px){.main-content .content-wrapper .page-container{border-radius:10px;padding:1rem}}.main-content .content-wrapper .page-container.spinner-container{justify-content:center;align-items:center;min-height:300px;display:flex}.page-header{border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}@media (width>=768px) and (width<=1023px){.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (width<=767px){.page-header{flex-direction:column;align-items:flex-start}}.page-header h1{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}@media (width<=767px){.page-header h1{font-size:1.5rem}}.page-header h1{margin-bottom:0}.page-header .header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (width>=768px) and (width<=1023px){.page-header .header-actions{justify-content:flex-start;width:100%}}@media (width<=767px){.page-header .header-actions{justify-content:flex-start;width:100%}.page-header .hide-mobile{display:none}}.page-title{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}@media (width<=767px){.page-title{font-size:1.5rem}}.badge{border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-trial{background:var(--color-bg-warning);color:var(--color-bg-warning-text);border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-active{background:var(--color-bg-success);color:var(--color-success-text);border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.app-footer{background:var(--color-bg-light);text-align:center;color:var(--color-text-muted);margin-top:auto;padding:1.5rem;font-size:.875rem}.app-footer p{margin:0}@media (width>=768px) and (width<=1023px){.app-footer{padding:1rem}}@media (width<=767px){.app-footer{padding:1rem;font-size:.75rem}}.login-page{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=767px){.login-page{padding:1rem}}.login-container{z-index:1;width:100%;max-width:480px;position:relative}.login-card{background:var(--color-bg-card);box-shadow:var(--shadow);background:var(--color-bg-card);border-radius:12px;padding:3rem;overflow:hidden;box-shadow:0 20px 60px #0000001f}@media (width<=767px){.login-card{padding:1.5rem}}.login-header{text-align:center;margin-bottom:2rem}.login-header .login-logo{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;font-size:28px;display:flex}.login-header h1{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.login-header p{color:var(--color-text-muted);margin:0;font-size:1rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-form .form-group{margin:0}.login-form .form-group label{color:var(--color-text-primary);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.login-form .form-group input{border:1px solid var(--color-border);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:all .2s}.login-form .form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.login-form .form-group input::placeholder{color:var(--color-text-muted)}.login-form .ant-form-item-label>label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.login-footer{text-align:center;color:var(--color-text-muted);margin-top:1.5rem;font-size:.875rem}.login-footer a{color:#2563eb;cursor:pointer;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-links{border-top:1px solid var(--color-border);justify-content:space-between;margin-top:1rem;padding-top:1rem;display:flex}.login-links a{color:#2563eb;font-size:.875rem;font-weight:500;text-decoration:none}.login-links a:hover{text-decoration:underline}.totp-form{text-align:center}.totp-form .totp-icon{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:40px;display:flex}.totp-form .totp-input{margin-top:1.5rem}.totp-form .totp-input input{text-align:center;letter-spacing:8px;font-size:1.5rem;font-weight:700}.forgot-password-link{text-align:right;margin-top:-1.5rem}.forgot-password-link a{color:var(--color-primary);cursor:pointer;font-size:14px}.forgot-password-link a:hover{text-decoration:underline}.forgot-password-description{color:var(--color-text-secondary);margin-bottom:24px;line-height:1.5}.email-sent-message{margin-bottom:24px}.back-to-login{margin-top:8px}[data-theme=dark] .login-card{background:var(--color-bg-card);box-shadow:0 20px 60px #0009}.dashboard-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=767px){.dashboard-page .stats-grid{grid-template-columns:1fr;gap:1rem}}@media (width>=768px) and (width<=1023px){.dashboard-page .stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (width>=1024px){.dashboard-page .stats-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-page .stats-grid .stat-card{background:var(--color-bg-card);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000d}.dashboard-page .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}@media (width<=767px){.dashboard-page .stats-grid .stat-card:hover{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}}@media (width>=768px) and (width<=1023px){.dashboard-page .stats-grid .stat-card:hover{flex-direction:row;align-items:center;padding:1.5rem}}.dashboard-page .stats-grid .stat-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.dashboard-page .stats-grid .stat-icon.blue{background:linear-gradient(135deg, var(--color-primary), #3b82f6)}.dashboard-page .stats-grid .stat-icon.green{background:linear-gradient(135deg, var(--color-success), #059669)}.dashboard-page .stats-grid .stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.dashboard-page .stats-grid .stat-icon.orange{background:linear-gradient(135deg,#f97316,#fb923c)}.dashboard-page .stats-grid .stat-icon.warning{background:linear-gradient(135deg, var(--color-warning), #d97706)}.dashboard-page .stats-grid .stat-icon.danger{background:linear-gradient(135deg, var(--color-danger), #dc2626)}@media (width<=767px){.dashboard-page .stats-grid .stat-icon.danger{width:48px;height:48px;font-size:1.25rem}}.dashboard-page .stats-grid .stat-content{flex:1}@media (width<=767px){.dashboard-page .stats-grid .stat-content{text-align:left;width:100%}}.dashboard-page .stats-grid .stat-content{text-align:left}.dashboard-page .stats-grid .stat-value{color:var(--color-text-primary);margin:0;font-size:1.75rem;font-weight:700}@media (width<=767px){.dashboard-page .stats-grid .stat-value{font-size:1.25rem}}.dashboard-page .stats-grid .stat-value{line-height:1}.dashboard-page .stats-grid .stat-label{color:var(--color-text-secondary);font-size:.875rem}@media (width<=767px){.dashboard-page .stats-grid .stat-label{font-size:.75rem}}.dashboard-page .stats-grid .stat-label{margin:.25rem 0 0}.dashboard-page .stats-grid .chart-container,.dashboard-page .stats-grid .card{background:var(--color-bg-card);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}@media (width<=767px){.dashboard-page .stats-grid .chart-container,.dashboard-page .stats-grid .card{padding:1rem}}.dashboard-page .stats-grid .card-header h2{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1.25rem;font-weight:600}@media (width<=767px){.dashboard-page .stats-grid .card-header h2{font-size:1.125rem}}.dashboard-page .stats-grid .card-header p{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.875rem}@media (width<=767px){.dashboard-page .stats-grid .card-header p{font-size:.75rem}}.dashboard-page .stats-grid .card-body{width:100%;overflow-x:auto}.dashboard-page .stats-grid .card-body canvas{min-width:320px;max-height:300px;width:100%!important}@media (width<=767px){.dashboard-page .stats-grid .card-body canvas{max-height:220px}}.commission-history{flex-direction:column;gap:1.5rem;display:flex}.history-summary{background:var(--color-bg-card);box-shadow:var(--shadow);color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:12px;padding:1.5rem;overflow:hidden}.history-summary h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600}@media (width<=767px){.history-summary{padding:1rem}.history-summary h3{font-size:1.125rem}}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}@media (width<=767px){.summary-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.summary-stats{grid-template-columns:1fr}}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-label{opacity:.9;font-size:.875rem;font-weight:500}.stat-value{font-size:1.125rem;font-weight:700}.stat-value.total-paid{color:#86efac;font-size:1.25rem}@media (width<=767px){.stat-value{font-size:1rem}.stat-value.total-paid{font-size:1.125rem}}.history-list{flex-direction:column;gap:.75rem;display:flex}.commission-history-item{background:var(--color-bg-card);box-shadow:var(--shadow);border-left:3px solid #f3f4f6;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex;overflow:hidden}.commission-history-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}@media (width<=767px){.commission-history-item{flex-direction:column;align-items:flex-start;padding:.75rem}}.commission-info{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.commission-header{justify-content:space-between;align-items:center;display:flex}@media (width<=767px){.commission-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.commission-details{justify-content:space-between;align-items:center;display:flex}@media (width<=767px){.commission-details{flex-direction:column;align-items:flex-start;gap:.25rem}}.dates-info{color:var(--color-text-muted);flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.commission-amount{color:var(--color-primary);font-size:1.125rem;font-weight:700}.commission-amount.paid{color:var(--color-success)}@media (width<=767px){.commission-amount{font-size:1rem}}.plan-type{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.monthly-breakdown{background:var(--color-bg-card);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem;overflow:hidden}.monthly-breakdown h4{color:var(--color-text-secondary);margin:0 0 1rem;font-weight:600}@media (width<=767px){.monthly-breakdown{padding:1rem}}.monthly-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}@media (width<=767px){.monthly-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.monthly-stat{background-color:var(--color-bg-secondary);text-align:center;border:1px solid var(--color-border-light);border-radius:10px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.month-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.month-amount{color:var(--color-primary);font-size:1.125rem;font-weight:700}@media (width<=767px){.month-amount{font-size:1rem}}.total-summary{color:var(--color-text-muted);margin:0;font-weight:500}.empty-state{background:var(--color-bg-card);box-shadow:var(--shadow);text-align:center;background:var(--color-bg-secondary);color:var(--color-text-muted);border-radius:12px;padding:3rem;font-size:1.125rem;overflow:hidden}.empty-state:before{content:"";opacity:.3;background:radial-gradient(circle,#3b82f6 0%,#0000 70%);border-radius:50%;width:80px;height:80px;margin:0 auto 1rem;display:block}@media (width<=767px){.empty-state{padding:2rem;font-size:1rem}}.agencies-page{flex-direction:column;gap:1rem;display:flex}.header-agencies{justify-content:space-between;align-items:center;display:flex}.header-agencies h2{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}@media (width<=767px){.header-agencies h2{font-size:1.5rem}}.header-agencies h2{margin-bottom:0}.header-agencies .header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (width<=767px){.header-agencies .header-actions{justify-content:flex-start;width:100%}.header-agencies{flex-direction:column;gap:.75rem}.header-agencies h2,.header-agencies .header-actions{width:100%}}.projection-container{flex-direction:column;gap:1.5rem;display:flex}.month-card{background:var(--color-bg-card);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.month-header{background:linear-gradient(135deg, var(--color-primary) 0%, #4f46e5 100%);color:#fff;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.month-header h3{margin:0;font-size:1.5rem;font-weight:600}@media (width<=767px){.month-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.month-header h3{font-size:1.25rem}}.total-encaisser{text-align:right}.total-encaisser .label{opacity:.9;margin-bottom:.25rem;font-size:.875rem;display:block}@media (width<=767px){.total-encaisser{text-align:left}}.agency-summary,.sales-summary{padding:1.5rem}.agency-summary h4,.sales-summary h4{color:var(--color-text-secondary);margin:0 0 1rem;font-weight:600}@media (width<=767px){.agency-summary,.sales-summary{padding:1rem}}.facturation-list,.sales-list{margin:0;padding:0;list-style:none}.facturation-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.75rem;display:flex}@media (width<=767px){.facturation-item{flex-direction:column;align-items:flex-start}}.agency-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (width<=767px){.agency-info{justify-content:space-between;width:100%}}.agency-name{color:var(--color-text-secondary);font-weight:500}.agency-amount{color:var(--color-success);margin-right:.75rem;font-weight:600}@media (width<=767px){.agency-amount{margin-right:0}}.sales-list li{border-bottom:1px solid var(--color-border-light);color:var(--color-text-muted);padding:.5rem 0;font-size:.875rem}.sales-list li:last-child{border-bottom:none}.empty-state{text-align:center;color:var(--color-text-muted);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:12px;padding:3rem;font-style:italic}@media (width<=767px){.empty-state{padding:2rem}}.parametres-page .page-header{margin-bottom:2rem}.parametres-page .page-header h1{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}@media (width<=767px){.parametres-page .page-header h1{font-size:1.5rem}}.parametres-page .page-header h1{margin-bottom:.5rem}.parametres-page .page-header .page-subtitle{color:var(--color-text-secondary);margin:0;font-size:1rem}.parametres-page .parametres-content{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}@media (width<=767px){.parametres-page .parametres-content{grid-template-columns:1fr}}.parametres-page .settings-section{background:var(--color-bg-card);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem;overflow:hidden}@media (width<=767px){.parametres-page .settings-section{padding:1rem}}.parametres-page .settings-section.theme-section{max-width:400px}@media (width<=767px){.parametres-page .settings-section.theme-section{max-width:100%}}.parametres-page .settings-section h2{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.125rem;font-weight:600}@media (width<=767px){.parametres-page .settings-section h2{margin:0 0 1rem;font-size:1rem}}.parametres-page .settings-section .section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.parametres-page .settings-section .section-header h2{margin:0}.parametres-page .setting-item{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.parametres-page .setting-item:last-child{border-bottom:none;padding-bottom:0}@media (width<=767px){.parametres-page .setting-item{flex-direction:column;align-items:flex-start;gap:.75rem}}.parametres-page .setting-item .setting-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.parametres-page .setting-item .setting-description{color:var(--color-text-muted);margin-top:4px;font-size:.75rem}.parametres-page .setting-item .theme-switch-container{justify-content:space-between;align-items:center;width:100%;display:flex}.parametres-page .setting-item .theme-switch-container p{color:var(--color-text-primary);font-size:.875rem}.parametres-page .info-row{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.875rem;display:flex}.parametres-page .info-row:last-child{border-bottom:none}@media (width<=767px){.parametres-page .info-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.parametres-page .info-label{color:var(--color-text-secondary);font-weight:500}.parametres-page .info-value{color:var(--color-text-primary)}.profile-section .profile-header{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}@media (width<=767px){.profile-section .profile-header{text-align:center;flex-direction:column}}.profile-section .profile-header .avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:700;display:flex}.profile-section .profile-header .profile-info h3{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.profile-section .profile-header .profile-info p{color:var(--color-text-muted);margin:0;font-size:.875rem}.twofa-section .twofa-status{background:var(--color-bg-secondary);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.twofa-section .twofa-status .status-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.twofa-section .twofa-status .status-icon.enabled{color:#10b981;background:#d1fae5}.twofa-section .twofa-status .status-icon.disabled{color:#ef4444;background:#fee2e2}.twofa-section .twofa-status .status-text{flex:1}.twofa-section .twofa-status .status-text h4{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.twofa-section .twofa-status .status-text p{color:var(--color-text-muted);margin:0;font-size:.875rem}.qr-container{text-align:center;background:var(--color-bg-secondary);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.qr-container .qr-code{background:#fff;border-radius:10px;margin-bottom:1rem;padding:1rem;display:inline-block}.qr-container .qr-instructions{color:var(--color-text-muted);max-width:300px;margin:0 auto;font-size:.875rem}.checkout-page{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.checkout-page:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;left:-50%}@media (width<=767px){.checkout-page{padding:1rem}}.checkout-container{z-index:1;width:100%;max-width:480px;position:relative}.checkout-card{background:var(--color-bg-card);box-shadow:var(--shadow);border-radius:12px;padding:3rem;overflow:hidden;box-shadow:0 20px 60px #0000001f}@media (width<=767px){.checkout-card{padding:1.5rem}}.checkout-header{text-align:center;margin-bottom:1.5rem}.checkout-header .checkout-icon{background:var(--color-primary-bg);width:64px;height:64px;color:var(--color-primary);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:32px;display:flex}.checkout-header h1{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.checkout-header p{color:var(--color-text-muted);margin:0;font-size:1rem}.pricing-box{background:var(--color-bg-secondary);text-align:center;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.price-display{justify-content:center;align-items:center;gap:4px;margin-bottom:.75rem;display:flex}.price-display .amount{color:var(--color-primary);letter-spacing:-2px;font-size:48px;font-weight:800}@media (width<=767px){.price-display .amount{font-size:40px}}.price-display .period{color:var(--color-text-secondary);font-size:1.125rem;font-weight:500}.trial-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #10b98140}.features-list{margin-bottom:1.5rem}.features-list ul{margin:0;padding:0;list-style:none}.features-list li{color:var(--color-text-secondary);padding:.5rem 0 .5rem 28px;font-size:.875rem;position:relative}.features-list li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;left:0}.checkout-footer{text-align:center;color:var(--color-text-muted);margin-top:1.5rem;font-size:.875rem}.checkout-footer a{color:var(--color-primary);cursor:pointer;font-weight:500;text-decoration:none}.checkout-footer a:hover{text-decoration:underline}.success-page{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.success-card{background:var(--color-bg-card);box-shadow:var(--shadow);border-radius:12px;width:100%;max-width:500px;padding:3rem;overflow:hidden;box-shadow:0 20px 60px #0000001f}@media (width<=767px){.success-card{padding:1.5rem}}.next-steps{background:var(--color-bg-secondary);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.next-steps h4{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.125rem;font-weight:600}.next-steps ul{margin:0;padding-left:20px}.next-steps li{color:var(--color-text-secondary);padding:.5rem 0;font-size:.875rem}.account-page .account-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}@media (width<=767px){.account-page .account-grid{grid-template-columns:1fr}}.account-page .account-card{background:var(--color-bg-card);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.account-page .account-card .ant-card-head{border-bottom:1px solid var(--color-border)}.subscription-container{max-width:800px;margin:0 auto}.subscription-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:40px;display:flex}.subscription-icon.success{color:#10b981;background:#d1fae5}.subscription-icon.trial{color:#f59e0b;background:#fef3c7}.subscription-icon.warning{color:#ef4444;background:#fee2e2}.subscription-pricing{margin-top:2rem}.pricing-card-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, #4f46e5 100%);color:#fff;text-align:center;border-radius:12px;padding:3rem}.pricing-card-gradient h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.subscription-price{margin:1.5rem 0;font-size:48px;font-weight:800}.subscription-price span{opacity:.9;font-size:1.25rem;font-weight:400}.pricing-features-list{text-align:left;margin:2rem 0;padding:0;list-style:none}.pricing-features-list li{border-bottom:1px solid #fff3;align-items:center;gap:12px;padding:12px 0;display:flex}.pricing-features-list li:last-child{border-bottom:none}.pricing-features-list li .check-icon{color:#d1fae5}.info-row{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:1rem 0;display:flex}@media (width<=767px){.info-row{flex-direction:column;gap:.25rem}}.info-label{color:var(--color-text-secondary);font-weight:500}.info-value{color:var(--color-text-primary)}.sales-page{flex-direction:column;gap:1rem;display:flex}.header-sales{justify-content:space-between;align-items:center;display:flex}.header-sales h2{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}@media (width<=767px){.header-sales h2{font-size:1.5rem}}.header-sales h2{margin-bottom:0}.header-sales .header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (width<=767px){.header-sales .header-actions{justify-content:flex-start;width:100%}.header-sales{flex-direction:column;gap:.75rem}.header-sales h2,.header-sales .header-actions{width:100%}}.sales-table .client-name{color:var(--color-text-primary);font-weight:600}.sales-table .mission-badge{background:var(--color-primary-bg);color:var(--color-primary);border-radius:8px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.sales-table .amount{color:var(--color-text-primary);font-weight:500}.sales-table .commission{color:var(--color-success);font-weight:600}.sale-modal .ant-form-item{margin-bottom:1rem}.sale-modal .mission-note{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem;font-style:italic}.lost-sales-page{flex-direction:column;gap:1rem;display:flex}.header-lost-sales{justify-content:space-between;align-items:flex-start;display:flex}.header-lost-sales h2{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}@media (width<=767px){.header-lost-sales h2{font-size:1.5rem}}.header-lost-sales h2{margin-bottom:0}@media (width<=767px){.header-lost-sales{flex-direction:column;gap:.75rem}.header-lost-sales h2{width:100%}}.search-section .ant-input-search{width:100%;max-width:100%!important}.search-section .ant-input-search .ant-input-wrapper{width:100%;max-width:100%}.search-section .ant-input-search .ant-input-group{width:100%;max-width:100%;display:flex}.search-section .ant-input-search input{flex:1}.results-section .results-header{margin-bottom:.75rem}.results-section .results-header h3{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.lost-sales-table .client-name{color:var(--color-text-primary);font-weight:600}.lost-sales-table .amount{color:var(--color-text-primary);font-weight:500}.lost-sales-table .commission{color:var(--color-success);font-weight:600}.dues-page .sale-info-card{margin-bottom:1.5rem}.dues-page .sale-info-card h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.dues-page .sale-info-card p{color:var(--color-text-secondary);margin:0;font-size:.875rem}.dues-page .dues-table .date-cell,.dues-page .dues-table .amount-cell{font-weight:500}.dues-page .dues-table .commission-cell{color:var(--color-success);font-size:1rem;font-weight:700}.dues-page .row-cancelled{opacity:.5;background:var(--color-bg-light);text-decoration:line-through}.lost-sales-page .search-section{margin-bottom:1.5rem}.lost-sales-page .search-section .ant-input-search{max-width:600px}@media (width<=767px){.lost-sales-page .search-section .ant-input-search{max-width:100%}}.lost-sales-page .results-section h3{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.lost-sales-page .action-buttons{align-items:center;gap:.5rem;display:flex}@media (width<=767px){.header-invoices h2{font-size:1.5rem}}@media (width<=767px){.header-invoices .header-actions{justify-content:flex-start;width:100%}.header-invoices{flex-direction:column;gap:.75rem}.header-invoices h2,.header-invoices .header-actions{width:100%}}@media (width<=767px){.month-year-row{flex-direction:column;gap:.75rem}}.subscription-page{max-width:800px;margin:0 auto}.subscription-page h1{margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.subscription-page .subscription-card{text-align:center}.subscription-page .subscription-card .subscription-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;font-size:40px;display:flex}.subscription-page .subscription-card .subscription-icon.success{background:var(--color-success-bg);color:var(--color-success)}.subscription-page .subscription-card .subscription-icon.warning{background:var(--color-danger-bg);color:var(--color-danger)}.subscription-page .subscription-card h2{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.subscription-page .subscription-card p{color:var(--color-text-secondary);margin-bottom:1.5rem}.subscription-page .subscription-card .subscription-price{margin:1rem 0;font-size:48px;font-weight:700}.subscription-page .subscription-card .subscription-price span{opacity:.7;font-size:20px;font-weight:400}.subscription-page .manage-section{background:var(--color-bg-light);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.subscription-page .manage-section p{color:var(--color-text-secondary);margin-bottom:1rem}.subscription-page .manage-section button{width:100%;height:48px;font-size:1rem;font-weight:500}@media (width<=767px){.subscription-page .manage-section button{height:44px}}.subscription-page .pricing-card{background:linear-gradient(135deg, var(--color-primary), #3b82f6);color:#fff;border-radius:12px;margin-top:2rem;padding:3rem}@media (width<=767px){.subscription-page .pricing-card{padding:2rem}}.subscription-page .pricing-card h3{color:#fff;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;display:flex}.subscription-page .pricing-card .subscription-price{margin:1rem 0;font-size:48px;font-weight:700}@media (width<=767px){.subscription-page .pricing-card .subscription-price{font-size:40px}}.subscription-page .pricing-card .subscription-price span{opacity:.9;font-size:20px;font-weight:400}.subscription-page .pricing-card .pricing-features{text-align:left;margin:2rem 0;padding:0;list-style:none}.subscription-page .pricing-card .pricing-features li{border-bottom:1px solid #fff3;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.subscription-page .pricing-card .pricing-features li:last-child{border-bottom:none}.subscription-page .pricing-card .pricing-features li svg{color:#ffffffe6;flex-shrink:0}.subscription-page .pricing-card button{color:var(--color-primary);background:#fff;border:none;width:100%;height:48px;margin-top:1rem;font-size:1rem;font-weight:500}.subscription-page .pricing-card button:hover{background:var(--color-bg-light);transform:translateY(-2px)}@media (width<=767px){.subscription-page .pricing-card button{height:44px}}.account-page{flex-direction:column;gap:1rem;display:flex}.header-account{justify-content:space-between;align-items:flex-start;display:flex}.header-account h2{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}@media (width<=767px){.header-account h2{font-size:1.5rem}}.header-account h2{margin-bottom:0}@media (width<=767px){.header-account{flex-direction:column;gap:.75rem}.header-account h2{width:100%}}.account-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}@media (width<=767px){.account-grid{grid-template-columns:1fr}}.account-grid h3{color:var(--color-text-primary);margin-top:1rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.account-grid h3:first-child{margin-top:0}.account-grid .ant-form-item{margin-bottom:1rem}.auth-page .auth-container{background:var(--color-bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-page .auth-card{background:var(--color-bg-card);border-radius:12px;width:100%;max-width:450px;padding:3rem;box-shadow:0 10px 30px #0000001a}@media (width<=767px){.auth-page .auth-card{padding:2rem}}.auth-page .auth-header{text-align:center;margin-bottom:2rem}.auth-page .auth-header .auth-logo{color:var(--color-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-page .auth-header .auth-subtitle{color:var(--color-text-secondary);font-size:.875rem}.auth-page .auth-form{margin-bottom:1rem}.auth-page .auth-footer{text-align:center;color:var(--color-text-secondary);font-size:.875rem}.auth-page .auth-footer a{color:var(--color-primary);font-weight:500;text-decoration:none}.auth-page .auth-footer a:hover{text-decoration:underline}.dues-page .page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dues-page .page-title{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.dues-page .card .card-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:16px}.dues-page .card .card-header h3{margin-bottom:8px;font-size:18px;font-weight:600}.dues-page .card .card-header .text-muted{color:#6b7280;margin:0;font-size:14px}.dues-page .card .table-responsive{overflow-x:unset}.dues-page .row-cancelled{opacity:.5;text-decoration:line-through}.invoices-page{flex-direction:column;gap:1rem;display:flex}.header-invoices{justify-content:space-between;align-items:center;display:flex}.header-invoices h2{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}@media (width<=767px){.header-invoices h2{font-size:1.5rem}}.header-invoices h2{margin-bottom:0}.header-invoices .header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (width<=767px){.header-invoices .header-actions{justify-content:flex-start;width:100%}.header-invoices{flex-direction:column;gap:.75rem}.header-invoices h2,.header-invoices .header-actions{width:100%}}.invoices-table .invoice-number{color:var(--color-text-primary);font-weight:700}.invoices-table .period{color:var(--color-text-secondary);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,monospace}.invoices-table .total{color:var(--color-success);font-weight:600}.info-section h3{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.info-section p{color:var(--color-text-secondary);margin:0}.month-year-row{gap:1rem;display:flex}@media (width<=767px){.month-year-row{flex-direction:column;gap:.75rem}}.month-year-row .ant-form-item{flex:1}.info-alert{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem;display:flex}.info-alert svg{color:#2196f3;margin-top:2px}.info-alert span{color:#1565c0;font-size:.875rem}