.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:toastSlideIn .3s ease-out forwards;min-width:260px;max-width:100%}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-success{background:#22c55e;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-warning{background:#f59e0b;color:#fff}.toast-info{background:#3b82f6;color:#fff}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;font-size:18px;color:#fffc;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#fff3;color:#fff}@media (max-width: 480px){.toast-container{left:10px;right:10px;top:10px}.toast{min-width:unset}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--background-gradient-start) 0%,var(--background-gradient-end) 100%);z-index:0}.background-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,107,53,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,179,71,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,107,53,.05) 0%,transparent 30%)}.login-card{position:relative;z-index:1;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:48px;width:100%;max-width:420px;animation:fadeIn .5s ease}.login-header{text-align:center;margin-bottom:32px}.logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.logo-icon{font-size:36px;animation:pulse 2s ease-in-out infinite}.logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--primary-orange),var(--secondary-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.login-subtitle{color:var(--text-muted);font-size:15px}.login-form{display:flex;flex-direction:column;gap:20px}.password-label-row{display:flex;justify-content:space-between;align-items:center}.forgot-password-link{font-size:13px;color:var(--text-muted);text-decoration:none;transition:var(--transition-fast)}.forgot-password-link:hover{color:var(--primary-orange)}.login-button{margin-top:8px;padding:16px 24px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center}.login-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-orange-dark),#D04A1D);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button.loading{background:var(--primary-orange-light)}.login-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid var(--border-color-light)}.login-footer p{color:var(--text-muted);font-size:14px}.signup-link{color:var(--primary-orange);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.signup-link:hover{color:var(--primary-orange-dark);text-decoration:underline}@media (max-width: 480px){.login-card{padding:32px 24px}.logo-icon{font-size:30px}.logo-text{font-size:24px}.login-header h1{font-size:20px}}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.signup-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--background-gradient-start) 0%,var(--background-gradient-end) 100%);z-index:0}.signup-card{position:relative;z-index:1;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:48px;width:100%;max-width:440px;animation:fadeIn .5s ease}.signup-header{text-align:center;margin-bottom:32px}.signup-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.signup-subtitle{color:var(--text-muted);font-size:15px}.signup-form{display:flex;flex-direction:column;gap:18px}.signup-button{margin-top:8px;padding:16px 24px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center}.signup-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-orange-dark),#D04A1D);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{opacity:.7;cursor:not-allowed}.signup-button.loading{background:var(--primary-orange-light)}.signup-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid var(--border-color-light)}.signup-footer p{color:var(--text-muted);font-size:14px}@media (max-width: 480px){.signup-card{padding:32px 24px}.signup-header h1{font-size:20px}}.confirm-email-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.confirm-email-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--background-gradient-start) 0%,var(--background-gradient-end) 100%);z-index:0}.confirm-email-background .background-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,107,53,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,179,71,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,107,53,.05) 0%,transparent 30%)}.confirm-email-card{position:relative;z-index:1;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:48px;width:100%;max-width:480px;animation:fadeIn .5s ease}.confirm-email-header{text-align:center;margin-bottom:32px}.confirm-email-header .logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.confirm-email-header .logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--primary-orange),var(--secondary-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.confirm-email-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.loading-state{text-align:center;padding:40px 20px}.spinner-large{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--primary-orange);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}.loading-state p{color:var(--text-secondary);font-size:16px}.success-message{text-align:center;padding:24px;background:linear-gradient(135deg,#4caf5014,#81c78414);border-radius:var(--radius-md);margin-bottom:24px;animation:fadeIn .5s ease}.success-icon{display:flex;justify-content:center;margin-bottom:16px;color:#4caf50}.success-message p{color:var(--text-secondary);font-size:15px;line-height:1.6}.success-message .redirect-notice{margin-top:16px;font-size:13px;color:var(--text-muted)}.error-box{text-align:center;padding:24px;background:var(--error-bg);border:1px solid rgba(229,57,53,.2);border-radius:var(--radius-md);margin-bottom:24px}.error-icon-large{display:flex;justify-content:center;margin-bottom:16px;color:var(--error)}.error-box p{color:var(--text-secondary);font-size:14px;line-height:1.6}.dashboard-button,.retry-button{display:block;width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:var(--transition-normal)}.dashboard-button:hover,.retry-button:hover{background:linear-gradient(135deg,var(--primary-orange-dark),#D04A1D);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.confirm-email-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid var(--border-color-light)}.confirm-email-footer p{color:var(--text-muted);font-size:14px}@media (max-width: 480px){.confirm-email-card{padding:32px 24px}.confirm-email-header .logo-text{font-size:24px}.confirm-email-header h1{font-size:20px}.spinner-large{width:40px;height:40px}}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.forgot-password-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--background-gradient-start) 0%,var(--background-gradient-end) 100%);z-index:0}.forgot-password-card{position:relative;z-index:1;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:48px;width:100%;max-width:420px;animation:fadeIn .5s ease}.forgot-password-header{text-align:center;margin-bottom:32px}.forgot-password-header h1{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.forgot-password-subtitle{color:var(--text-muted);font-size:15px}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.forgot-password-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid var(--border-color-light)}@media (max-width: 480px){.forgot-password-card{padding:32px 24px}.forgot-password-header h1{font-size:18px}}.reset-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.reset-password-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--background-gradient-start) 0%,var(--background-gradient-end) 100%);z-index:0}.reset-password-card{position:relative;z-index:1;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:48px;width:100%;max-width:420px;animation:fadeIn .5s ease}.reset-password-header{text-align:center;margin-bottom:32px}.reset-password-header h1{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.reset-password-subtitle{color:var(--text-muted);font-size:15px}.reset-password-form{display:flex;flex-direction:column;gap:18px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:200px}.loading-state p{color:var(--text-muted);font-size:15px}.error-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:var(--error-bg);border-radius:var(--radius-md);text-align:center}.error-icon-large{font-size:48px}.error-box p{color:var(--text-secondary);line-height:1.6}.success-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:var(--radius-md);text-align:center;animation:slideIn .3s ease}.success-icon{font-size:48px}.success-message p{color:var(--text-secondary);line-height:1.6}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-orange-dark),#D04A1D);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.retry-button{display:block;margin-top:24px;padding:14px 24px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));color:#fff;border-radius:var(--radius-md);font-size:15px;font-weight:500;text-align:center;text-decoration:none;transition:var(--transition-normal)}.retry-button:hover{background:linear-gradient(135deg,var(--primary-orange-dark),#D04A1D)}.back-to-login{display:block;margin-top:24px;padding:14px 24px;background:#fff;color:var(--primary-orange);border:1.5px solid var(--primary-orange);border-radius:var(--radius-md);font-size:15px;font-weight:500;text-align:center;text-decoration:none;transition:var(--transition-normal)}.back-to-login:hover{background:var(--primary-orange);color:#fff}.reset-password-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid var(--border-color-light)}.login-link{color:var(--primary-orange);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.login-link:hover{color:var(--primary-orange-dark);text-decoration:underline}@media (max-width: 480px){.reset-password-card{padding:32px 24px}.reset-password-header h1{font-size:18px}}.layout{display:flex;min-height:100vh;background:linear-gradient(135deg,var(--background-gradient-start) 0%,var(--background-gradient-end) 100%)}.sidebar{position:fixed;left:0;top:0;height:100vh;background:#fff;box-shadow:2px 0 12px #00000014;display:flex;flex-direction:column;transition:width .3s ease;z-index:100}.sidebar.open{width:260px}.sidebar.closed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--border-color-light)}.sidebar-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.sidebar-logo .logo-icon{font-size:28px}.sidebar-logo .logo-text{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--primary-orange),var(--secondary-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-toggle{width:28px;height:28px;border:none;background:var(--background-warm);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;color:var(--text-muted);transition:var(--transition-fast)}.sidebar-toggle:hover{background:var(--border-color);color:var(--text-primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 0}.nav-section{margin-bottom:16px}.nav-section-title{display:block;padding:8px 20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.nav-list{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;color:var(--text-secondary);transition:var(--transition-fast);border-left:3px solid transparent}.sidebar.closed .nav-item{justify-content:center;padding:12px}.nav-item:hover{background:var(--background-warm);color:var(--text-primary)}.nav-item.active{background:#ff6b3514;color:var(--primary-orange);border-left-color:var(--primary-orange)}.nav-icon{font-size:18px;flex-shrink:0}.nav-label{font-size:14px;font-weight:500;white-space:nowrap}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color-light)}.user-info-sidebar{padding:8px 0 12px}.user-email{font-size:12px;color:var(--text-muted);word-break:break-all}.logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:var(--background-warm);border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:14px;font-weight:500;font-family:inherit;transition:var(--transition-fast)}.sidebar.closed .logout-btn{justify-content:center}.logout-btn:hover{background:var(--error-bg);color:var(--error)}.main-content{flex:1;margin-left:260px;transition:margin-left .3s ease;min-height:100vh}.main-content.expanded{margin-left:72px}.content-wrapper{padding:24px;min-height:calc(100vh - 48px)}.mobile-header{display:none;position:sticky;top:0;z-index:50;background:#fff;padding:12px 16px;box-shadow:0 2px 8px #0000000f}.mobile-menu-btn{width:40px;height:40px;border:none;background:var(--background-warm);border-radius:var(--radius-md);font-size:20px;cursor:pointer;transition:var(--transition-fast)}.mobile-menu-btn:hover{background:var(--border-color)}.mobile-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.mobile-logo .logo-icon{font-size:24px}.mobile-logo .logo-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--primary-orange),var(--secondary-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-spacer{width:40px}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:260px!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.closed{width:260px}.desktop-only{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between}.mobile-overlay{display:block}.main-content{margin-left:0!important}.content-wrapper{padding:16px}}.change-password-page{max-width:480px;margin:0 auto}.change-password-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.required{color:var(--error)}.form-group input{padding:14px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;font-family:inherit;transition:var(--transition-fast);background:var(--background-warm)}.form-group input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a;background:#fff}.form-group input::placeholder{color:var(--text-muted)}.form-group input:disabled{background:var(--border-color-light);cursor:not-allowed}.error-message{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--error-bg);border:1px solid rgba(229,57,53,.2);border-radius:var(--radius-md);color:var(--error);font-size:14px;animation:slideIn .3s ease}.error-icon{flex-shrink:0}.submit-button{margin-top:8px;padding:16px 24px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-orange-dark),#d04a1d);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button.loading{background:var(--primary-orange-light)}@media (max-width: 480px){.content-card{padding:24px}}.sales-list-page{max-width:900px;margin:0 auto}.page-header{margin-bottom:24px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.history-link{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--background-warm);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s;white-space:nowrap}.history-link:hover{background:var(--primary-orange-light);border-color:var(--primary-orange);color:var(--primary-orange)}.filter-item{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border-color)}.filter-item:last-of-type{border-bottom:none;margin-bottom:24px;padding-bottom:0}.filter-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.selected-badge{font-size:12px;font-weight:500;color:var(--primary-orange);background:#ff6b351a;padding:3px 10px;border-radius:12px}.region-list{display:flex;flex-direction:column;gap:8px}.region-group{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.region-header{display:flex;align-items:center;background:var(--background-warm)}.region-toggle{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left}.region-toggle:hover{background:#00000005}.region-name{font-size:14px;font-weight:600;color:var(--text-primary)}.region-count{font-size:13px;color:var(--text-muted)}.region-count .selected-count{color:var(--primary-orange);font-weight:600}.arrow{font-size:10px;color:var(--text-muted);margin-left:auto;transition:transform .2s}.select-all-btn{padding:6px 12px;margin-right:12px;background:#fff;border:1px solid var(--border-color);border-radius:16px;font-size:12px;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.select-all-btn:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.select-all-btn.all-selected{background:var(--primary-orange);border-color:var(--primary-orange);color:#fff}.select-all-btn.small{padding:4px 10px;font-size:11px}.prefecture-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#fff;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.pref-chip{padding:6px 12px;font-size:13px;background:var(--background-warm);border:1.5px solid var(--border-color);border-radius:16px;cursor:pointer;transition:var(--transition-fast);font-family:inherit;color:var(--text-primary)}.pref-chip:hover{border-color:var(--primary-orange);background:#ff6b350d}.pref-chip.selected{background:var(--primary-orange);border-color:var(--primary-orange);color:#fff}.industry-list{display:flex;flex-direction:column;gap:8px}.industry-group{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.industry-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--background-warm)}.industry-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.industry-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-orange);cursor:pointer}.industry-name{font-size:14px;font-weight:500;color:var(--text-primary)}.expand-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid var(--border-color);border-radius:16px;font-size:12px;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.expand-btn:hover{border-color:var(--primary-orange)}.expand-btn .sub-info{font-size:12px}.expand-btn .selected-count{color:var(--primary-orange);font-weight:600}.expand-btn .arrow{font-size:10px;margin-left:0}.sub-industry-list{padding:12px 16px;background:#fff;animation:slideDown .2s ease}.sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sub-label{font-size:12px;font-weight:600;color:var(--text-muted)}.sub-chips{display:flex;flex-wrap:wrap;gap:6px}.sub-chip{padding:5px 10px;font-size:12px;background:var(--background-warm);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;transition:var(--transition-fast);font-family:inherit;color:var(--text-primary)}.sub-chip:hover{border-color:var(--primary-orange)}.sub-chip.selected{background:var(--primary-orange-light);border-color:var(--primary-orange);color:var(--primary-orange-dark)}.range-inputs{display:flex;align-items:center;gap:10px}.range-inputs input{width:140px;padding:12px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:inherit}.range-inputs input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a}.range-inputs input::placeholder{color:var(--text-muted)}.range-separator{color:var(--text-muted);font-size:14px}.range-unit{color:var(--text-muted);font-size:13px;margin-left:4px}.download-exclusion{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.download-exclusion select{padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:inherit;background:#fff;cursor:pointer;min-width:220px}.download-exclusion select:focus{outline:none;border-color:var(--primary-orange)}.custom-date-input{padding:12px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:inherit}.custom-date-input:focus{outline:none;border-color:var(--primary-orange)}.count-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.count-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#4a90d9,#357abd);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;color:#fff;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:10px}.count-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a90d959}.count-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.count-button .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.count-result{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;background:linear-gradient(135deg,var(--accent-cream),var(--background-warm));border-radius:var(--radius-lg);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.count-label{font-size:15px;color:var(--text-secondary);font-weight:500}.count-value{font-size:32px;font-weight:700;color:var(--primary-orange);font-feature-settings:"tnum"}.action-buttons{display:flex;gap:12px}.reset-button{flex:1;padding:16px 24px;background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;font-weight:500;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.reset-button:hover{background:var(--background-warm);border-color:var(--text-muted)}.create-button{flex:2;padding:16px 24px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;color:#fff;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:10px}.create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3559}.create-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.create-button .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@media (max-width: 600px){.sales-list-page{max-width:100%}.content-card{padding:20px}.range-inputs{flex-wrap:wrap}.range-inputs input{width:100%;flex:1;min-width:100px}.download-exclusion{flex-direction:column;align-items:stretch}.download-exclusion select{min-width:100%}.action-buttons{flex-direction:column}.reset-button,.create-button{flex:none;width:100%}.page-header h1{font-size:24px}.count-value{font-size:28px}.region-header{flex-wrap:wrap;gap:8px}.select-all-btn{margin-right:0;margin-left:auto}}.sales-list-history-page{max-width:900px;margin:0 auto}.empty-icon{color:var(--text-muted);opacity:.5}.create-link{margin-top:8px;color:var(--primary-orange);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.create-link:hover{color:var(--primary-orange-dark);text-decoration:underline}.histories-list{border:1px solid var(--border-color-light);border-radius:var(--radius-md);overflow:hidden}.histories-header{display:grid;grid-template-columns:1fr 120px 100px;gap:12px;padding:12px 16px;background:var(--background-warm);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.history-item{display:grid;grid-template-columns:1fr 120px 100px;gap:12px;padding:16px;border-top:1px solid var(--border-color-light);align-items:center;transition:background .15s}.history-item:hover{background:var(--background-warm)}.history-title{font-size:14px;font-weight:500;color:var(--text-primary)}.history-count{font-size:14px;color:var(--text-secondary)}.history-actions{display:flex;gap:8px}.text-btn{background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;padding:4px 0;transition:all .15s}.text-btn.view-btn{color:var(--primary-orange)}.text-btn.view-btn:hover{color:var(--primary-orange-dark);text-decoration:underline}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.delete-btn{background:var(--error-bg);color:var(--error)}.delete-btn:hover{background:var(--error);color:#fff}.page-footer{text-align:center;margin-top:24px}.back-link{color:var(--primary-orange);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.back-link:hover{color:var(--primary-orange-dark);text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color-light)}.modal-header h2{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.modal-close:hover{background:var(--background-warm);color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px}.modal-loading p{color:var(--text-muted);font-size:14px}.detail-modal{width:1200px}.detail-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color-light)}.detail-info span{font-size:14px;color:var(--text-secondary)}.download-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-orange);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.download-btn:hover{background:var(--primary-orange-dark)}.csv-textarea-container{border:1px solid var(--border-color-light);border-radius:var(--radius-md);overflow:hidden}.csv-textarea{width:100%;height:60vh;padding:16px;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;font-size:12px;line-height:1.6;color:var(--text-primary);background:var(--background-warm);border:none;resize:none;outline:none;white-space:pre;overflow:auto}.delete-modal{width:400px}.delete-header{flex-direction:column;gap:12px;text-align:center}.warning-icon{color:var(--warning)}.delete-modal .modal-body{text-align:center}.delete-modal .modal-body p{font-size:15px;color:var(--text-primary);margin-bottom:8px}.delete-warning{color:var(--text-muted);font-size:13px}.modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color-light)}.cancel-btn,.confirm-delete-btn{flex:1;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-btn{background:var(--background-warm);border:1px solid var(--border-color);color:var(--text-primary)}.cancel-btn:hover{background:var(--border-color-light)}.confirm-delete-btn{background:var(--error);border:none;color:#fff}.confirm-delete-btn:hover{background:#c62828}.confirm-delete-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@media (max-width: 768px){.content-card{padding:20px}.histories-header{display:none}.history-item{grid-template-columns:1fr auto;gap:8px}.history-count{display:none}.detail-modal{width:100%}.csv-textarea{font-size:11px;height:50vh}}@media (max-width: 480px){.page-header h1{font-size:22px}.modal-content{margin:10px}.delete-modal{width:calc(100% - 20px)}}.profile-settings-page{max-width:600px;margin:0 auto}.profile-settings-page .page-header{margin-bottom:32px}.profile-settings-page .page-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.profile-settings-page .page-subtitle{color:var(--text-muted);font-size:15px}.profile-settings-page .content-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px}.profile-settings-page .success-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:var(--radius-md);color:#2e7d32;font-weight:500;font-size:14px;margin-bottom:24px;animation:slideIn .3s ease}.profile-settings-page .error-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:var(--radius-md);color:#c62828;font-weight:500;font-size:14px;margin-bottom:24px;animation:slideIn .3s ease}.profile-settings-page .settings-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.profile-settings-page .settings-section:last-of-type{border-bottom:none;margin-bottom:24px;padding-bottom:0}.profile-settings-page .settings-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.profile-settings-page .section-description{font-size:14px;color:var(--text-muted);margin-bottom:20px}.profile-settings-page .form-group{margin-bottom:20px}.profile-settings-page .form-group:last-child{margin-bottom:0}.profile-settings-page .form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.profile-settings-page .form-group input{width:100%;padding:12px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:inherit;transition:var(--transition-fast);background:#fff;box-sizing:border-box}.profile-settings-page .form-group input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a}.profile-settings-page .form-group input::placeholder{color:var(--text-muted)}.profile-settings-page .form-group input.input-disabled{background:var(--background-warm);color:var(--text-muted);cursor:not-allowed}.profile-settings-page .input-hint{display:block;font-size:12px;color:var(--text-muted);margin-top:6px}.profile-settings-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-settings-page .save-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center}.profile-settings-page .save-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-orange-dark),#d04a1d);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.profile-settings-page .save-button:disabled{opacity:.7;cursor:not-allowed}.profile-settings-page .save-button.loading{background:var(--primary-orange-light)}.profile-settings-page .save-button .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px}@media (max-width: 600px){.profile-settings-page .content-card{padding:24px}.profile-settings-page .form-row{grid-template-columns:1fr}.profile-settings-page .page-header h1{font-size:24px}}.notification-settings-page{max-width:600px;margin:0 auto}.success-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:var(--radius-md);color:#2e7d32;font-weight:500;font-size:14px;margin-bottom:24px;animation:slideIn .3s ease}.error-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:var(--radius-md);color:#c62828;font-weight:500;font-size:14px;margin-bottom:24px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-section{margin-bottom:24px}.settings-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.section-description{font-size:14px;color:var(--text-muted);margin-bottom:20px}.notification-options{display:flex;flex-direction:column;gap:16px}.notification-wrapper{display:flex;flex-direction:column}.notification-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:1.5px solid var(--border-color);border-radius:14px;cursor:pointer;transition:var(--transition-normal);box-shadow:0 1px 3px #0000000a}.notification-card:hover{background:var(--background-warm);border-color:var(--border-color);box-shadow:0 4px 12px #0000000f}.notification-card.active{background:linear-gradient(135deg,#ff6b3508,#ffb34708);border-color:var(--primary-orange);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 4px 12px #ff6b351a}.notification-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000a;transition:var(--transition-normal)}.notification-card:hover .notification-icon{box-shadow:0 4px 12px #00000014;transform:scale(1.02)}.notification-card.active .notification-icon{border-color:var(--primary-orange);box-shadow:0 4px 12px #ff6b3526}.notification-icon svg{width:24px;height:24px}.notification-icon img{width:28px;height:28px;object-fit:contain}.notification-icon.slack,.notification-icon.chatwork,.notification-icon.email{background:#fff}.notification-info{flex:1;display:flex;flex-direction:column;gap:2px}.notification-name{font-size:15px;font-weight:600;color:var(--text-primary)}.notification-desc{font-size:13px;color:var(--text-muted)}.notification-toggle{position:relative;width:52px;height:28px;background:var(--border-color);border-radius:14px;transition:var(--transition-normal);flex-shrink:0}.notification-toggle.active{background:var(--primary-orange)}.notification-toggle .toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:var(--transition-normal);box-shadow:0 2px 4px #0000001a}.notification-toggle.active .toggle-slider{left:27px}.notification-config{background:linear-gradient(135deg,#ff6b3505,#ffb34705);border:1.5px solid var(--primary-orange);border-top:none;border-bottom-left-radius:14px;border-bottom-right-radius:14px;padding:20px 24px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.config-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.config-field:last-child{margin-bottom:0}.config-field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.config-field input{padding:12px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:inherit;transition:var(--transition-fast);background:#fff}.config-field input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a}.config-field input::placeholder{color:var(--text-muted)}.config-help{font-size:12px;color:var(--text-muted)}.save-button{width:100%;margin-top:8px;padding:16px 24px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center}.save-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-orange-dark),#d04a1d);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.save-button:disabled{opacity:.7;cursor:not-allowed}.save-button.loading{background:var(--primary-orange-light)}@media (max-width: 480px){.content-card{padding:20px}.notification-card{padding:14px 16px;border-radius:12px}.notification-card.active{border-bottom-left-radius:0;border-bottom-right-radius:0}.notification-icon{width:42px;height:42px;border-radius:10px}.notification-icon svg{width:20px;height:20px}.notification-icon img{width:24px;height:24px}.notification-config{padding:16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.notification-name{font-size:14px}.notification-desc{font-size:12px}}.fullpage-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}.fullpage-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.fullpage-loading-content p{color:var(--text-secondary);font-size:16px;font-weight:500}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.pricing-page{max-width:1100px;margin:0 auto}.page-header{margin-bottom:32px;text-align:center}.page-header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.page-subtitle{color:var(--text-muted);font-size:16px}.current-plan-section{margin-bottom:32px}.current-plan-banner{display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-lg);padding:20px 24px}.banner-content{display:flex;align-items:flex-start;gap:16px;color:#0369a1}.banner-content svg{color:#f59e0b;flex-shrink:0;margin-top:4px}.banner-info{display:flex;flex-direction:column;gap:4px}.banner-label{font-size:13px;color:#0369a1}.banner-plan{font-size:18px;font-weight:600;color:#0c4a6e}.contracted-options{margin-top:12px;display:flex;flex-direction:column;gap:8px}.options-label{font-size:12px;color:#64748b;margin-bottom:4px}.contracted-option-item{display:flex;align-items:center;gap:12px;background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0}.option-name{font-size:14px;font-weight:500;color:#0c4a6e;flex:1}.option-qty{font-size:13px;color:#64748b}.quantity-control{display:flex;align-items:center;gap:8px}.qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s;color:#475569}.qty-btn:hover:not(:disabled){background:#e2e8f0;color:#0c4a6e}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-value{font-size:14px;font-weight:600;min-width:24px;text-align:center;color:#0c4a6e}.option-cancel-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .15s;color:#dc2626}.option-cancel-btn:hover:not(:disabled){background:#fef2f2}.option-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.period-info-group{display:flex;flex-direction:column;gap:2px;margin-top:8px}.period-info{font-size:13px;color:#475569}.cancel-notice{font-size:12px;color:#dc2626;font-weight:500}.cancel-info{font-size:12px;color:#64748b}.banner-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.manage-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #0ea5e9;color:#0369a1;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.manage-btn:hover:not(:disabled){background:#0ea5e9;color:#fff}.manage-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{padding:10px 20px;background:transparent;border:1px solid #dc2626;color:#dc2626;border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.cancel-btn:hover:not(:disabled){background:#dc2626;color:#fff}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.section-title{text-align:center;margin-bottom:24px}.section-title h2{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.section-title p{font-size:14px;color:var(--text-muted)}.options-section{margin-top:48px}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.plan-card{position:relative;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px;display:flex;flex-direction:column;transition:var(--transition-normal)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card.current{border:2px solid var(--success)}.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--success),#388e3c);color:#fff;padding:4px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.plan-header{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color-light)}.plan-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.plan-description{font-size:13px;color:var(--text-muted);margin-bottom:12px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.discount-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);color:#fff;padding:4px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:600;white-space:nowrap}.discount-badge.discount-high{background:linear-gradient(135deg,#ef4444,#dc2626)}.plan-card.discount-high{border:2px solid #ef4444}.discount-badge.discount-mid{background:linear-gradient(135deg,#f97316,#ea580c)}.plan-card.discount-mid{border:2px solid #f97316}.discount-badge.discount-low{background:linear-gradient(135deg,#eab308,#ca8a04)}.plan-card.discount-low{border:2px solid #eab308}.price{font-size:32px;font-weight:700;color:var(--text-primary)}.period{font-size:14px;color:var(--text-muted)}.plan-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:8px;padding:8px 0;font-size:13px;color:var(--text-secondary);line-height:1.4}.check-icon{color:var(--success);flex-shrink:0;margin-top:2px}.plan-features li strong{font-size:15px;color:var(--text-primary)}.plan-button{width:100%;padding:12px 20px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:8px}.plan-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-orange-dark),#d04a1d);transform:translateY(-1px)}.plan-button.disabled,.plan-button:disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed;transform:none}.plan-button.loading{background:var(--primary-orange-light);color:var(--primary-orange)}.plan-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px}.option-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px;transition:var(--transition-normal)}.option-card:hover:not(.disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.option-card.disabled{opacity:.6}.option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.option-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.option-price{display:flex;align-items:baseline;gap:2px}.option-price .price{font-size:24px}.option-description{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.option-notice{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--warning);background:#fffbeb;padding:8px 12px;border-radius:var(--radius-md);margin-bottom:16px}.option-button{width:100%;padding:12px 20px;background:var(--background-warm);border:1.5px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:8px}.option-button:hover:not(:disabled){background:var(--primary-orange);border-color:var(--primary-orange);color:#fff}.option-button:disabled{opacity:.5;cursor:not-allowed}.option-button .spinner{width:16px;height:16px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-orange);animation:spin .8s linear infinite}.pricing-footer{text-align:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-color-light)}.history-link{color:var(--primary-orange);font-size:15px;font-weight:500;text-decoration:none;transition:var(--transition-fast)}.history-link:hover{color:var(--primary-orange-dark);text-decoration:underline}.option-card.contracted{border:2px solid #0ea5e9;background:linear-gradient(135deg,#f0f9ff,#fff)}.contracted-badge{position:absolute;top:-10px;right:16px;background:#0ea5e9;color:#fff;font-size:11px;font-weight:600;padding:2px 10px;border-radius:10px}.option-card{position:relative}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius-lg);padding:24px;max-width:420px;width:90%;position:relative}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.modal-close:hover{color:var(--text-primary)}.modal-content h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.modal-body{margin-bottom:24px}.modal-option-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.modal-option-price{font-size:20px;font-weight:700;color:var(--primary-orange);margin-bottom:12px}.modal-description{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.modal-notice{font-size:13px;color:var(--text-muted);background:#f8fafc;padding:12px;border-radius:var(--radius-md)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-cancel-btn{padding:10px 20px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.modal-cancel-btn:hover{background:var(--background-light)}.modal-confirm-btn{padding:10px 24px;background:var(--primary-orange);border:none;color:#fff;border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.modal-confirm-btn:hover{background:var(--primary-orange-dark)}.modal-confirm-btn.danger{background:#dc2626}.modal-confirm-btn.danger:hover{background:#b91c1c}.quantity-change-info{background:#f8fafc;border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.change-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.change-row.cancel-row{border-top:1px dashed #e2e8f0;margin-top:8px;padding-top:12px}.change-label{font-size:14px;color:var(--text-secondary)}.change-value{font-size:16px;font-weight:600;color:var(--text-primary)}.change-value.highlight{color:var(--primary-orange)}.change-value.cancel-value{color:#dc2626}.change-arrow{text-align:center;color:var(--text-muted);font-size:18px;padding:4px 0}.billing-change-info{background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.billing-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.billing-row.current{padding-bottom:10px;border-bottom:1px dashed #fcd34d}.billing-row.new{padding-top:10px}.billing-row.diff{margin-top:8px;padding-top:8px;border-top:1px solid #fcd34d}.billing-label{font-size:13px;color:#92400e}.billing-value{font-size:15px;font-weight:600;color:#78350f}.billing-value.highlight{font-size:18px;color:var(--primary-orange)}.billing-value.increase{color:#dc2626}.billing-value.decrease{color:#16a34a}.modal-warning{font-size:14px;color:#dc2626;background:#fef2f2;padding:12px;border-radius:var(--radius-md);border:1px solid #fecaca;margin-bottom:16px}.quantity-input-section{background:#f8fafc;border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.quantity-input-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.quantity-input-wrapper{display:flex;align-items:center;gap:8px}.quantity-input{width:100px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:18px;font-weight:600;text-align:center;font-family:inherit}.quantity-input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fb66151a}.quantity-input-unit{font-size:14px;color:var(--text-secondary)}.quantity-total{margin-top:12px;font-size:16px;font-weight:600;color:var(--primary-orange)}.modal-billing-notice{display:flex;align-items:center;gap:8px;background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-md);padding:12px;font-size:13px;color:#92400e;margin-top:16px}.modal-billing-notice svg{flex-shrink:0;color:#d97706}.modal-billing-notice.info{background:#eff6ff;border-color:#93c5fd;color:#1e40af}.modal-billing-notice.info svg{color:#3b82f6}.quantity-edit-section{background:#f8fafc;border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.quantity-current{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px dashed #e2e8f0;margin-bottom:12px}.quantity-new{display:flex;flex-direction:column;gap:8px}.quantity-label{font-size:13px;color:var(--text-secondary)}.quantity-value{font-size:16px;font-weight:600;color:var(--text-primary)}.qty-edit-btn{display:flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;cursor:pointer;transition:all .15s}.qty-edit-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.qty-edit-btn:disabled{opacity:.5;cursor:not-allowed}.qty-edit-btn .qty-value{font-size:15px;font-weight:600;color:#0c4a6e}.qty-edit-btn .qty-unit{font-size:12px;color:#64748b}.qty-edit-btn .qty-edit-icon{font-size:11px;color:var(--primary-orange);margin-left:4px}.modal-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1100px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.options-grid{grid-template-columns:1fr}.current-plan-banner{flex-direction:column;gap:16px;text-align:center}.banner-content{flex-direction:column;gap:8px}}@media (max-width: 480px){.page-header h1{font-size:24px}.plan-card{padding:24px}.price{font-size:28px}}.checkout-modal{max-width:500px}.checkout-plan-info{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#fef3e8,#fff8f0);border-radius:var(--radius-md);margin-bottom:20px}.checkout-plan-name{font-size:18px;font-weight:600;color:var(--text-primary)}.checkout-plan-price{font-size:18px;font-weight:700;color:var(--primary-orange)}.checkout-options-section{margin-bottom:20px}.checkout-options-section h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.checkout-options-description{font-size:13px;color:var(--text-muted);margin-bottom:16px}.checkout-option-item{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:12px}.checkout-option-item.account-add{display:flex;flex-direction:column;gap:12px}.checkout-option-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer}.checkout-option-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-orange);cursor:pointer}.checkout-option-info{display:flex;justify-content:space-between;align-items:center;flex:1}.checkout-option-name{font-size:14px;font-weight:500;color:var(--text-primary)}.checkout-option-price{font-size:14px;color:var(--text-secondary)}.checkout-option-quantity{display:flex;align-items:center;gap:8px}.checkout-option-quantity .qty-btn{width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;font-size:18px;font-weight:500;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.checkout-option-quantity .qty-btn:hover:not(:disabled){background:var(--background-light);border-color:var(--primary-orange)}.checkout-option-quantity .qty-btn:disabled{opacity:.4;cursor:not-allowed}.checkout-option-quantity .qty-input{width:60px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;font-size:16px;font-weight:500}.checkout-option-quantity .qty-input:focus{outline:none;border-color:var(--primary-orange)}.checkout-option-subtotal{font-size:13px;color:var(--primary-orange);font-weight:500}.checkout-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--background-light);border-radius:var(--radius-md);margin-top:16px}.checkout-total-label{font-size:15px;font-weight:500;color:var(--text-primary)}.checkout-total-price{font-size:22px;font-weight:700;color:var(--primary-orange)}.modal-confirm-btn.primary{background:linear-gradient(135deg,var(--primary-orange),#e55a00)}.subscription-status-section{margin-bottom:48px}.subscription-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.status-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.status-card.current{border-color:var(--primary-orange)}.status-card.next{border-color:#3b82f6}.status-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#fef3e8,#fff8f0)}.status-card.current .status-card-header{background:linear-gradient(135deg,#fef3e8,#fff8f0);color:var(--primary-orange)}.status-card.next .status-card-header{background:linear-gradient(135deg,#eff6ff,#f0f9ff);color:#3b82f6}.status-card-header h3{font-size:16px;font-weight:600;margin:0;flex:1}.status-period{font-size:13px;font-weight:500;opacity:.8}.next-icon{font-size:18px;font-weight:700}.status-card-body{padding:20px}.status-main-plan,.status-options{margin-bottom:16px}.status-main-plan:last-child,.status-options:last-child{margin-bottom:0}.status-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.status-value{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary)}.status-value.muted{font-weight:400;color:var(--text-muted)}.status-value.cancelled{color:#dc2626;text-decoration:line-through}.cancel-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#fef2f2;color:#dc2626;font-size:11px;font-weight:500;border-radius:9999px;border:1px solid #fecaca}.cancel-badge.small{padding:1px 6px;font-size:10px}.status-options-list{display:flex;flex-direction:column;gap:8px}.status-option-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background-light);border-radius:var(--radius-sm)}.status-option-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1}.status-option-qty{font-size:14px;color:var(--text-secondary)}.inline-cancel-btn{margin-left:auto;padding:4px 12px;background:none;border:1px solid #dc2626;border-radius:var(--radius-sm);color:#dc2626;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.inline-cancel-btn:hover:not(:disabled){background:#dc2626;color:#fff}.inline-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.edit-qty-inline{display:flex;align-items:center;gap:4px;padding:4px 8px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .15s}.edit-qty-inline:hover:not(:disabled){border-color:var(--primary-orange);color:var(--primary-orange)}.edit-qty-inline .edit-icon{font-size:11px;color:var(--primary-orange)}.remove-option-btn{padding:4px 6px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.remove-option-btn:hover:not(:disabled){background:#fef2f2;color:#dc2626}.remove-option-btn:disabled{opacity:.5;cursor:not-allowed}.add-option-link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;padding:0;background:none;border:none;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline}.add-option-link:hover{color:#2563eb}.cancel-restriction-note{margin-top:16px;font-size:13px;color:var(--text-muted);text-align:center}@media (max-width: 768px){.subscription-status-grid{grid-template-columns:1fr}}.trial-section{margin-bottom:40px}.trial-request-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;background:linear-gradient(135deg,#fef3e8,#fff8f0);border:2px dashed var(--primary-orange);border-radius:var(--radius-lg)}.trial-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.trial-description{font-size:14px;color:var(--text-secondary);margin:0 0 4px}.trial-notice{font-size:13px;color:var(--text-muted);margin:0}.trial-request-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--primary-orange),#e55a00);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.trial-request-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b004d}.trial-request-btn:disabled{opacity:.6;cursor:not-allowed}.trial-active-banner{display:flex;align-items:center;gap:16px;padding:20px 28px;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:2px solid #22c55e;border-radius:var(--radius-lg)}.trial-info{display:flex;flex-direction:column;gap:4px}.trial-title{font-size:18px;font-weight:600;color:#16a34a}.trial-period{font-size:14px;color:#15803d}@media (max-width: 768px){.trial-request-card{flex-direction:column;text-align:center}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.page-loading p{color:var(--text-muted);font-size:15px}.payment-history-page{max-width:800px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.page-subtitle{color:var(--text-muted);font-size:15px}.content-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.empty-icon{font-size:48px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary)}.empty-state p{font-size:14px;color:var(--text-muted);max-width:300px}.upgrade-link{margin-top:8px;color:var(--primary-orange);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.upgrade-link:hover{color:var(--primary-orange-dark);text-decoration:underline}.payments-list{border:1px solid var(--border-color-light);border-radius:var(--radius-md);overflow:hidden}.payments-header{display:grid;grid-template-columns:1fr 1fr 1fr 120px;gap:12px;padding:12px 16px;background:var(--background-warm);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.payment-item{display:grid;grid-template-columns:1fr 1fr 1fr 120px;gap:12px;padding:16px;border-top:1px solid var(--border-color-light);align-items:center}.payment-actions{display:flex;gap:12px}.invoice-link{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--primary-orange);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.payment-date{font-size:14px;color:var(--text-secondary)}.payment-plan{font-size:14px;font-weight:500;color:var(--text-primary)}.payment-amount{font-size:14px;font-weight:600;color:var(--text-primary)}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.status-badge.paid{background:#e8f5e9;color:#2e7d32}.status-badge.pending{background:#fff3e0;color:#e65100}.status-badge.failed{background:var(--error-bg);color:var(--error)}.invoice-link{font-size:13px;color:var(--primary-orange);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.invoice-link:hover{color:var(--primary-orange-dark);text-decoration:underline}.payment-history-footer{text-align:center;margin-top:24px}.pricing-link{color:var(--primary-orange);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.pricing-link:hover{color:var(--primary-orange-dark);text-decoration:underline}@media (max-width: 600px){.content-card{padding:24px}.payments-header{display:none}.payment-item{grid-template-columns:1fr 1fr;gap:8px}.payment-item>span:nth-child(5){grid-column:span 2;text-align:center}}:root{--primary-orange: #ff6b35;--primary-orange-dark: #e55a2b;--primary-orange-light: #ff8c5a;--secondary-amber: #ffb347;--accent-cream: #fff4e6;--background-warm: #fffbf5;--background-gradient-start: #fff8f0;--background-gradient-end: #ffe8d6;--text-primary: #2d2a26;--text-secondary: #5c5752;--text-muted: #9a938a;--border-color: #e8e2da;--border-color-light: #f5f0e8;--success: #4caf50;--error: #e53935;--error-bg: #ffebee;--warning: #ff9800;--shadow-sm: 0 1px 2px rgba(45, 42, 38, .05);--shadow-md: 0 4px 12px rgba(45, 42, 38, .08);--shadow-lg: 0 8px 30px rgba(45, 42, 38, .12);--shadow-card: 0 10px 40px rgba(255, 107, 53, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background-warm);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px}.spinner-large{width:40px;height:40px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-orange);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}