main{--accent:rgb(85, 170, 235);--accent-hover:rgb(55, 135, 200);--accent-reverse:rgba(85, 170, 235, 0.9);--accent-hover-reverse:rgba(55, 135, 200, 0.8);--secondary:rgba(55, 135, 200, 1);--secondary-hover:rgba(105, 190, 255, 1);--tertiary:rgba(105, 190, 255, 0.8);--hero-text-gradient:linear-gradient(270deg, 
    #55AAEB 0%,    /* Clean blue base */
    #6BC0F0 15%,   /* Light blue */
    #4196D7 35%,   /* Medium blue */
    #3787C8 60%,   /* Rich blue */
    #2D73B4 80%,   /* Deep blue */
    #5FB8ED 100%   /* Bright blue finish */
  );--category-accent:rgb(85, 170, 235);--category-bg:rgba(85, 170, 235, 0.15);--filter-accent:rgb(55, 135, 200);--filter-bg:rgba(85, 170, 235, 0.9);--accent-rgb:85,170,235;--secondary-rgb:55,135,200;--tertiary-rgb:105,190,255;--generator-primary:var(--accent);--generator-secondary:var(--secondary);--generator-highlight:rgba(var(--accent-rgb), 0.1)}main .generator-card{box-shadow:var(--glass-shadow),0 0 20px rgba(85,170,235,.08)}.output-format-selector{display:grid;grid-template-columns:1fr;gap:1rem}.format-method-option{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.format-method-option:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.format-method-option.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.08);box-shadow:0 4px 15px rgba(var(--accent-rgb),.2)}.format-method-option input[type=radio]{display:none}.format-icon{width:48px;height:48px;background:rgba(var(--accent-rgb),.1);border:2px solid rgba(var(--accent-rgb),.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;transition:all .3s ease}.format-method-option.active .format-icon{background:var(--accent);color:#fff;border-color:var(--accent)}.format-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.format-title{font-weight:600;color:var(--text-primary);margin:0;font-size:1.1rem}.format-description{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.4}.format-description code{background:rgba(var(--accent-rgb),.1);color:var(--accent);padding:.2em .4em;border-radius:3px;font-family:'Courier New',monospace;font-size:.85em}.searchable-dropdown{position:relative;display:flex;align-items:center}.searchable-input{width:100%;padding:.875rem 3rem .875rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;font-family:Quicksand,sans-serif;transition:all .2s ease}.searchable-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.styled-dropdown-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;transition:transform .2s ease}.searchable-dropdown.open .styled-dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.searchable-dropdown .dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:2px solid var(--border);border-radius:8px;box-shadow:var(--glass-shadow);z-index:100;max-height:200px;overflow-y:auto;margin-top:.5rem;display:none}.searchable-dropdown.open .dropdown-options{display:block}.searchable-dropdown .dropdown-option{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border);font-size:.9rem}.searchable-dropdown .dropdown-option:last-child{border-bottom:none}.searchable-dropdown .dropdown-option:hover{background:rgba(var(--accent-rgb),.05)}.searchable-dropdown .dropdown-option.selected{background:rgba(var(--accent-rgb),.1);color:var(--accent);font-weight:500}.model-description code{background:rgba(var(--accent-rgb),.1);color:var(--accent);padding:.2em .4em;border-radius:3px;font-family:'Courier New',monospace;font-size:.85em}.model-option input[type=radio]{display:none}.features-section .tool-servalian-card-icon{background:linear-gradient(135deg,rgba(85,170,235,.15) 0,rgba(55,135,200,.2) 100%);border:1px solid rgba(85,170,235,.25)}.features-section .tool-servalian-card-number{background:linear-gradient(135deg,#55aaeb 0,#3787c8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}main .tool-servalian-card-icon{background:rgba(85,170,235,.2);border:1px solid rgba(85,170,235,.3)}main .tool-servalian-card-icon svg{color:#55aaeb}.features-section .tool-servalian-card:hover{border-color:rgba(85,170,235,.5);box-shadow:0 20px 40px rgba(0,0,0,.1)}.features-section .tool-servalian-card:hover .tool-servalian-card-header::before{background:linear-gradient(135deg,rgba(85,170,235,.1) 0,rgba(55,135,200,.05) 100%)}main .btn-primary,main .generate-btn{background:linear-gradient(135deg,#55aaeb 0,#3787c8 100%);background-size:200% 200%;background-position:0 50%;transition:all .3s ease}main .btn-primary:hover,main .generate-btn:hover{background-position:100% 50%}[data-theme=light] main{--accent:rgb(25, 85, 140);--accent-hover:rgb(35, 115, 180);--accent-rgb:25,85,140;--secondary:rgba(35, 115, 180, 1);--secondary-hover:rgba(15, 70, 120, 1);--secondary-rgb:35,115,180;--tertiary:rgba(15, 70, 120, 0.8);--hero-text-gradient:linear-gradient(270deg, 
    #2373B4 0%,    /* Medium dark blue */
    #1A5F9A 15%,   /* Dark blue */
    #195588 35%,   /* Darker blue */
    #144B76 60%,   /* Deep blue */
    #0F4164 80%,   /* Very dark blue */
    #2373B4 100%   /* Medium dark blue finish */
  );--button-primary-text:white;--category-accent:rgb(25, 85, 140);--filter-accent:rgb(35, 115, 180)}.compact-errors-table{background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border);margin-top:1rem}.compact-errors-table table{width:100%;border-collapse:collapse}.compact-errors-table th{text-align:left;padding:.5rem;font-weight:600;border-bottom:1px solid var(--border-color);background:var(--bg-accent)}.compact-errors-table td{padding:.4rem .5rem;font-size:.9em;vertical-align:top;border-bottom:1px solid var(--border-color)}.compact-errors-table tr:nth-child(2n){background:var(--bg-primary)}.compact-errors-table .error-row-number{color:var(--text-secondary)}.compact-errors-table .error-input{font-family:monospace;font-size:.85em;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-errors-table .error-message{color:#e74c3c}.status-no-phone{color:var(--text-secondary);font-weight:600;opacity:.7}.status-valid{color:#27ae60;font-weight:600}.status-invalid{color:#e74c3c;font-weight:600}.row-invalid{background:rgba(231,76,60,.05);opacity:.9}.row-no-phone{background:var(--bg-secondary);opacity:.5}.invalid-phone{color:#e74c3c;font-style:italic}.invalid-country{color:var(--text-secondary)}.no-phone-text{color:var(--text-secondary);font-style:italic;opacity:.7}.no-phone-country{color:var(--text-secondary);opacity:.5}.no-phone-message{color:var(--text-secondary);background:rgba(var(--text-secondary-rgb,150,150,150),.05);font-style:italic}.truncated-info{text-align:center;font-style:italic;background:var(--bg-secondary);padding:1rem}.no-errors-message{text-align:center;color:var(--text-secondary);padding:2rem}.large-errors-warning{background:var(--bg-accent);padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.error-section-header{cursor:pointer;transition:background .2s}.error-section-header:hover{background:var(--bg-secondary)}.error-section-title{padding:0!important;border:none!important}.error-section-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:0 0;border:none;color:var(--text-primary);font-size:1rem;cursor:pointer;text-align:left;transition:all .2s}.error-section-toggle:hover{background:var(--bg-hover)}.error-section-toggle .toggle-icon{flex-shrink:0;transition:transform .2s}.error-section-toggle.expanded .toggle-icon{transform:rotate(180deg)}.error-section-toggle .error-count{color:var(--text-secondary);font-weight:400;margin-left:.25rem}.error-section-no-phone .error-section-toggle{color:var(--text-secondary);opacity:.8}.error-section-invalid .error-section-toggle{color:#e74c3c}.error-section-invalid .error-section-toggle strong{color:#e74c3c}.error-row-no-phone{opacity:.7}.result-container{background-color:var(--bg-secondary);border-radius:16px;border:var(--glass-border);box-shadow:var(--glass-shadow);margin-top:3rem;min-height:600px;flex-direction:column;display:none;overflow:hidden}.result-container.visible{display:flex}.format-tabs{display:flex;border-radius:8px;margin:1.5rem 1.5rem 0 1.5rem;flex-wrap:wrap;gap:4px;min-height:48px}.format-tab{flex:1;padding:.75rem 1.5rem;border:1px solid var(--text-secondary);background:var(--bg-secondary);color:var(--text-secondary);font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;white-space:nowrap;min-width:0;text-align:center}.format-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.format-tab:hover:not(.active){background:var(--bg-primary);color:var(--text-primary)}.export-type-info{padding:1.5rem;background:var(--bg-secondary);border-radius:0;border:none;border-bottom:1px solid var(--border)}.export-info-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.export-info-left{flex:1}.export-type-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem 0}.export-type-description{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.export-info-right{flex-shrink:0}.export-actions{display:flex;align-items:center;gap:1rem}.tab-content{display:none;padding:0 1.5rem 1.5rem 1.5rem;flex:1;overflow-y:auto;min-height:0}.tab-content.active{display:block}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-stat{text-align:center;padding:1rem;background:linear-gradient(145deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%);border-radius:8px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.stat-number{display:block;font-size:1.8rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.results-table-container{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border);flex:1;min-height:0;overflow-y:auto;max-height:500px}.results-table{width:100%;border-collapse:collapse;font-family:Quicksand,sans-serif}.results-table th{background:var(--accent);color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;font-family:Quicksand,sans-serif;position:sticky;top:0;z-index:10}.results-table td{padding:1rem;border-bottom:1px solid var(--border);font-family:Quicksand,sans-serif;font-size:.9rem}.results-table tr:hover{background:rgba(var(--accent-rgb),.05)}.action-btns{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.9rem}.action-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.action-btn.primary-action{background:var(--accent);border-color:var(--accent);color:#fff}.action-btn.primary-action:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.action-btn.secondary-action{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.action-btn.secondary-action:hover{background:var(--accent);color:#fff}.export-dropdown{position:relative;display:inline-block}.dropdown-btn{display:flex;align-items:center;gap:.5rem}.dropdown-arrow{transition:transform .2s ease;width:12px;height:12px;color:currentColor}.export-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;box-shadow:var(--glass-shadow);backdrop-filter:blur(10px);z-index:301;min-width:280px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;margin-top:.5rem;overflow:hidden}.export-dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.dropdown-item:hover{background:rgba(var(--accent-rgb),.05);color:var(--accent)}.column-preview{margin-bottom:1.5rem}.preview-text{color:var(--text-secondary);margin-bottom:1rem;font-weight:500}.csv-preview{background:var(--bg-secondary);border-radius:8px;padding:1rem;max-height:200px;overflow:auto;font-family:'Courier New',monospace;font-size:.9rem;border:1px solid var(--border)}.column-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.column-checkbox{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.column-checkbox:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.column-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.column-checkbox label{font-weight:500;cursor:pointer;color:var(--text-primary)}@media (max-width:768px){.results-summary{grid-template-columns:1fr 1fr;gap:.75rem}.results-table-container{overflow-x:auto}.export-info-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.export-info-right{width:100%}.export-actions{flex-direction:column;width:100%;gap:.75rem}.export-actions .action-btn{width:100%;justify-content:center}.format-tabs{flex-direction:column;gap:.25rem;margin:1rem 1rem 0 1rem}.format-tab{flex:none;text-align:center}.tab-content{padding:0 1rem 1rem 1rem}.export-type-info{padding:1rem}}@media (max-width:768px){.searchable-dropdown .dropdown-options{max-height:150px}.searchable-input{font-size:16px}}@media (max-width:480px){.stat-number{font-size:1.5rem}.results-summary{grid-template-columns:1fr}.summary-stat{padding:.75rem}.stat-label{font-size:.75rem}}