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