@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#14141e99;--bg-panel:#191923a6;--text-primary:#fff;--text-secondary:#a0a0b0;--border-color:#ffffff14;--glass-bg:#191923a6;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--backdrop-blur:blur(12px);--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}body.mode-importer{--accent-primary:#00d2ff;--accent-secondary:#3a7bd5;--accent-glow:#00d2ff26;--status-success:#00e676;--status-warning:#ffea00;--status-danger:#ff1744}body.mode-exporter{--accent-primary:#f5af19;--accent-secondary:#f12711;--accent-glow:#f5af1926;--status-success:#00e676;--status-warning:#ffea00;--status-danger:#ff1744}body.theme-light{--bg-primary:#f0f2f7;--bg-secondary:#ffffffbf;--bg-panel:#ffffffbf;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#00000014;--glass-bg:#ffffffb8;--glass-border:#00000014;--glass-shadow:0 8px 32px 0 #0000001a}body.theme-light.mode-importer{--accent-primary:#09c;--accent-secondary:#2f5fc4;--accent-glow:#0099cc2e;--status-success:#16a34a;--status-warning:#d97706;--status-danger:#dc2626}body.theme-light.mode-exporter{--accent-primary:#d97706;--accent-secondary:#dc2626;--accent-glow:#d977062e;--status-success:#16a34a;--status-warning:#d97706;--status-danger:#dc2626}*,:before,:after{transition:background-color .3s,border-color .3s,box-shadow .3s,color .3s}input,textarea,select,button{transition:background-color .3s,border-color .3s,box-shadow .3s,color .2s,transform .2s,opacity .2s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.heading-1{letter-spacing:-.02em;font-size:2.5rem;font-weight:700}.heading-2{letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.text-gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px var(--accent-glow);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.btn-glass{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-fast);background:#ffffff0d;border-radius:8px;padding:.75rem 1.5rem;font-weight:500}.btn-glass:hover{background:#ffffff1a;border-color:#fff3}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-content{flex:1;padding:2rem;overflow-y:auto}.sidebar{flex-direction:column;width:280px;height:calc(100vh - 32px);margin:16px;padding:1.5rem 1rem;display:flex}.sidebar-header{align-items:center;gap:12px;margin-bottom:2.5rem;padding:0 .5rem;display:flex}.brand-logo{color:var(--text-primary)}.brand-name{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:.875rem 1rem;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--text-primary);background:var(--accent-glow);border-left:3px solid var(--accent-primary)}.nav-item.active .nav-icon{color:var(--accent-primary)}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}.user-profile{border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border-radius:8px;align-items:center;gap:12px;padding:.5rem;display:flex}.user-profile:hover{border-color:var(--accent-primary);background:#ffffff14}.avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:50%;width:36px;height:36px}.user-info{flex-direction:column;display:flex}.user-name{margin:0;font-size:.9rem;font-weight:600}.user-role{color:var(--text-secondary);margin:0;font-size:.75rem}.user-profile .text-link{transition:all var(--transition-fast);border-radius:4px}.user-profile .text-link:hover{background:#f443361a;transform:scale(1.1);color:#ff5252!important}.navbar{z-index:1000;justify-content:space-between;align-items:center;height:64px;margin:16px 16px 0 0;padding:0 1.5rem;display:flex;position:relative}.search-bar{border:1px solid var(--border-color);width:400px;transition:all var(--transition-fast);background:#ffffff0d;border-radius:8px;align-items:center;gap:12px;padding:.6rem 1rem;display:flex}.search-bar:focus-within{border-color:var(--accent-primary);background:#ffffff14}.search-icon{color:var(--text-secondary)}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.search-bar input::placeholder{color:#ffffff4d}.navbar-actions{align-items:center;gap:1.5rem;display:flex}.divider{background:var(--border-color);width:1px;height:24px}.mode-toggle-wrapper{border:1px solid var(--border-color);background:#0000004d;border-radius:30px;align-items:center;gap:12px;padding:.4rem 1rem;display:flex}.mode-label{color:var(--text-secondary);transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.mode-label.active{color:var(--text-primary);text-shadow:0 0 10px var(--accent-glow)}.mode-toggle-btn{border:1px solid var(--border-color);cursor:pointer;width:60px;height:30px;transition:all var(--transition-normal);background:#ffffff1a;border-radius:30px;padding:0;position:relative}.toggle-slider{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));width:24px;height:24px;box-shadow:0 2px 8px var(--accent-glow);border-radius:50%;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:2px;left:2px}.mode-toggle-btn.exporter .toggle-slider{transform:translate(30px)}.btn-icon{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a}.notification-dot{background-color:var(--status-danger);border:2px solid var(--bg-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.search-dropdown-solid{-webkit-backdrop-filter:blur(24px);background:#0a0a0ff2}body.theme-light .search-dropdown-solid{background:#fafafcf2}.dashboard-container{flex-direction:column;gap:2rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.stat-card{flex-direction:column;gap:12px;padding:1.5rem;display:flex}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.icon-wrapper{background:#ffffff0d;border-radius:8px;width:40px;height:40px}.stat-value{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:700}.stat-trend{margin:0;font-size:.85rem;font-weight:600}.dashboard-sections{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;display:grid}.main-panel,.side-panel{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.action-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.action-item{border:1px solid var(--border-color);transition:all var(--transition-fast);background:#ffffff08;border-radius:12px;align-items:flex-start;gap:16px;padding:1rem;display:flex}.action-item:hover{background:#ffffff0f;border-color:#ffffff26}.action-dot{border-radius:50%;width:12px;height:12px;margin-top:6px}.action-dot.warning{background-color:var(--status-warning);box-shadow:0 0 10px var(--status-warning)}.action-dot.danger{background-color:var(--status-danger);box-shadow:0 0 10px var(--status-danger)}.action-dot.success{background-color:var(--status-success);box-shadow:0 0 10px var(--status-success)}.action-content{flex:1}.action-content h4{margin-bottom:4px;font-size:1rem;font-weight:600}.action-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.hub-module{flex-direction:column;flex:1;gap:1rem;display:flex}.hub-module h4{color:var(--text-secondary);font-size:.95rem}.map-placeholder{border:1px dashed var(--border-color);min-height:200px;color:var(--text-secondary);background:#ffffff05;border-radius:12px;flex:1;font-size:.9rem}@media (width<=1024px){.dashboard-sections{grid-template-columns:1fr}}.module-container{flex-direction:column;gap:2rem;display:flex}.module-header{margin-bottom:1rem}.subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.feature-card{transition:all var(--transition-normal);flex-direction:column;gap:1rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.feature-card:hover{box-shadow:0 12px 40px #00000080, 0 0 20px var(--accent-glow);border-color:#fff3;transform:translateY(-4px)}.feature-card:before{content:"";background:var(--accent-glow);filter:blur(40px);z-index:0;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.feature-icon-wrapper{z-index:1;background:#ffffff0d;border-radius:12px;width:48px;height:48px;margin-bottom:.5rem;position:relative}.feature-icon-wrapper.highlight{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.feature-card h3{z-index:1;margin:0;font-size:1.25rem;font-weight:600;position:relative}.feature-card p{color:var(--text-secondary);z-index:1;flex:1;font-size:.95rem;line-height:1.5;position:relative}.feature-action{z-index:1;margin-top:1rem;position:relative}.importer-exclusive,.exporter-exclusive{border-left:3px solid var(--accent-primary)}.currency-module .feature-card{overflow:visible}.currency-tiles-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.currency-tile{border:1px solid var(--border-color);transition:all var(--transition-normal);cursor:pointer;background:#ffffff05;border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.currency-tile:hover{box-shadow:0 10px 30px #00000080, 0 0 15px var(--accent-glow);background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px)}.invoice-table-wrapper{border:1px solid var(--border-color);background:#0003;border-radius:12px;overflow-x:auto}.invoice-table-wrapper table{border-collapse:collapse;width:100%}.invoice-table-wrapper th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:#ffffff05;padding:1rem;font-weight:500}.invoice-table-wrapper td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:1rem}.invoice-table-wrapper tbody tr:hover{background:#ffffff05}.invoice-table-wrapper tbody tr:last-child td{border-bottom:none}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:16px;width:100%;max-width:500px;padding:2rem;animation:.3s ease-out forwards modalFadeIn;box-shadow:0 25px 50px -12px #00000080}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff0d;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow);background:#ffffff14;outline:none}.form-input::placeholder{color:#fff3}select.form-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}select.form-input option{background:var(--bg-primary);color:var(--text-primary)}.stage-progress{align-items:center;gap:0;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex;overflow-x:auto}.stage-step{color:var(--text-secondary);cursor:default;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:12px;padding:.75rem 1rem;display:flex}.stage-step.complete{cursor:pointer;color:var(--text-primary)}.stage-step.active{color:var(--text-primary);background:var(--accent-glow)}.stage-step.active .stage-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.stage-step.complete .stage-icon{color:var(--status-success);background:#00e6761a}.stage-icon{width:36px;height:36px;transition:all var(--transition-normal);background:#ffffff0f;border-radius:50%;flex-shrink:0}.stage-info{flex-direction:column;display:flex}.stage-num{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:.72rem}.stage-label{font-size:.9rem;font-weight:600;line-height:1.2}.stage-connector{background:var(--border-color);min-width:24px;height:2px;transition:background var(--transition-normal);border-radius:2px;flex:1}.stage-connector.filled{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary))}.stage-content{flex-direction:column;gap:0;min-width:0;padding:2rem;display:flex}.stage-body{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.stage-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-header-row h3{margin:0;font-size:1.2rem;font-weight:600}.ai-badge{background:var(--accent-glow);border:1px solid var(--accent-primary);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.ai-insight-banner{border:1px solid var(--border-color);border-left:3px solid var(--accent-primary);color:var(--text-secondary);background:#ffffff08;border-radius:8px;align-items:flex-start;gap:12px;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5;display:flex}.ai-insight-banner svg{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.ai-insight-banner.critical{border-left-color:var(--status-warning)}.ai-insight-banner.critical svg{color:var(--status-warning)}.form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-group{min-width:0}.form-group.span-full{grid-column:1/-1}.field-hint{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;line-height:1.4;display:block}.required{color:var(--status-danger);margin-left:2px}.optional{color:var(--text-secondary);margin-left:4px;font-size:.8rem}.file-drop-zone{border:2px dashed var(--border-color);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);text-align:center;background:#ffffff05;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:1.5rem;font-size:.9rem;display:flex}.file-drop-zone:hover,.file-drop-zone.drag-over{border-color:var(--accent-primary);background:var(--accent-glow);color:var(--text-primary);transform:scale(1.01)}.uploaded-doc-card{transition:all var(--transition-fast);background:#00e6760d;border:1px solid #00e67640;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:12px 16px;display:flex}.uploaded-doc-card:hover{background:#00e67614;border-color:#00e67666}.uploaded-doc-icon{width:36px;height:36px;color:var(--status-success);background:#00e6761f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.uploaded-doc-info{flex:1;min-width:0}.uploaded-doc-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.uploaded-doc-meta{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.uploaded-doc-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.doc-action-btn{cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:flex}.doc-action-btn.open{color:var(--accent-primary);background:#2962ff1a;border-color:#2962ff4d}.doc-action-btn.open:hover{background:#2962ff33}.doc-action-btn.replace{border-color:var(--border-color);color:var(--text-secondary);background:#ffffff0d}.doc-action-btn.replace:hover{color:var(--text-primary);border-color:#fff3}.doc-action-btn.delete{color:var(--status-danger);background:#ff3b3014;border-color:#ff3b3033}.doc-action-btn.delete:hover{background:#ff3b302e}.incoterm-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px;display:grid}.incoterm-btn{border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:.75rem 1rem;display:flex}.incoterm-btn:hover{background:#ffffff14;border-color:#fff3}.incoterm-btn.selected{border-color:var(--accent-primary);background:var(--accent-glow)}.incoterm-code{color:var(--accent-primary);font-size:1rem;font-weight:700}.incoterm-label{color:var(--text-secondary);font-size:.72rem;line-height:1.2}.incoterm-detail{background:var(--accent-glow);border:1px solid var(--accent-primary);border-radius:8px;margin-top:1rem;padding:1rem;font-size:.9rem}.incoterm-detail p{color:var(--text-secondary);margin-top:4px;margin-bottom:0}.stage-nav{border-top:1px solid var(--border-color);align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.btn-disabled-hint{opacity:.7}.sidebar-divider{background:var(--border-color);height:1px;margin:.75rem .5rem}.sidebar-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:.25rem;padding:0 1rem;font-size:.7rem;font-weight:600}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-group.span-full{grid-column:1}}.settings-section{flex-direction:column;gap:1rem;width:100%;padding:2rem;display:flex}.settings-layout{align-items:flex-start;gap:2rem;margin-top:1.5rem;display:flex}.settings-sidebar{flex-direction:column;flex-shrink:0;gap:.25rem;width:240px;display:flex}.settings-tab{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.92rem;font-weight:500;transition:all .2s;display:flex}.settings-tab:hover{color:var(--text-primary);background:#ffffff0d}.settings-tab.active{color:var(--accent-primary);background:#09c6f91a}.settings-content{flex:1;width:100%}.settings-section-header{margin-bottom:2rem}.settings-section-title{color:var(--text-primary);align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.settings-section-title h3{font-size:1.1rem;font-weight:600}.settings-section-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.theme-options{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.theme-option-card{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;text-align:left;border-radius:14px;padding:1.25rem;transition:border-color .2s,box-shadow .2s,transform .15s;position:relative}.theme-option-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.profile-form{flex-direction:column;gap:1.5rem;display:flex}.form-group.row-group{gap:1.25rem;margin:0;display:flex}.form-group.half{flex:1}.form-group{flex-direction:column;gap:.6rem;display:flex}.form-group label{color:var(--text-primary);font-size:.88rem;font-weight:600}.theme-option-card.active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary), 0 8px 32px var(--accent-glow)}.theme-active-badge{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:20px;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.theme-option-top{margin-bottom:1rem;position:relative}.theme-preview{border:1px solid var(--border-color);border-radius:8px;height:80px;display:flex;overflow:hidden}.theme-preview.dark{background:#0a0a0f}.theme-preview.light{background:#f0f2f7}.preview-sidebar{background:#ffffff0a;border-right:1px solid #ffffff12;width:28%;height:100%}.theme-preview.light .preview-sidebar{background:#0000000a;border-right-color:#00000012}.preview-content{flex-direction:column;flex:1;gap:5px;padding:6px;display:flex}.preview-bar{background:#ffffff0f;border-radius:4px;height:12px}.theme-preview.light .preview-bar{background:#00000012}.preview-panel{background:#ffffff0d;border-radius:4px;height:28px}.theme-preview.light .preview-panel{background:#ffffffd9;border:1px solid #0000000f}.preview-panel.short{width:70%;height:16px}.theme-option-label{color:var(--text-primary);align-items:center;gap:.45rem;margin-bottom:.3rem;font-size:.95rem;font-weight:600;display:flex}.theme-option-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.theme-toggle-row{border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:.75rem;padding:1rem 0 .25rem;display:flex}.theme-toggle-label{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.82rem;font-weight:500;display:flex}.theme-pill-toggle{cursor:pointer;background:#ffffff1a;border:none;border-radius:100px;width:52px;height:28px;padding:0;transition:background .3s;position:relative}.theme-pill-toggle.light{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary))}.pill-handle{background:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:left .3s,background .3s;display:flex;position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #0000004d}.theme-pill-toggle.light .pill-handle{background:#fff;left:28px}.settings-placeholder-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.settings-placeholder-card{align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:relative}.placeholder-icon{background:var(--accent-glow);width:40px;height:40px;color:var(--accent-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.placeholder-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:600}.placeholder-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.coming-soon-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;padding:2px 7px;font-size:.68rem;font-weight:600;position:absolute;top:1rem;right:1rem}@media (width<=768px){.theme-options,.settings-placeholder-grid{grid-template-columns:1fr}}.auth-container{background-color:var(--bg-main);background-image:radial-gradient(circle at 15%,#0066ff14,#0000 40%),radial-gradient(circle at 85% 30%,#09c6f914,#0000 40%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2rem;display:flex}.auth-card{border-radius:24px;flex-direction:column;gap:2rem;width:100%;max-width:440px;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards floatUp;display:flex;box-shadow:0 25px 50px -12px #00000080}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.auth-logo{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;width:64px;height:64px;margin-bottom:1rem}.auth-alert{border-radius:12px;align-items:flex-start;gap:12px;padding:1rem;font-size:.9rem;line-height:1.4;display:flex}.auth-alert.error{color:#ff8a8a;background:#ff52521a;border:1px solid #ff525233}.auth-alert.success{color:#69f0ae;background:#00e6761a;border:1px solid #00e67633}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:1rem}.input-with-icon .form-input{height:48px;padding-left:3rem;font-size:1rem}.auth-submit{width:100%;height:48px;margin-top:.5rem;font-size:1rem;font-weight:500}.auth-footer{text-align:center;color:var(--text-secondary);font-size:.9rem}.text-link{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;font-size:.9rem;font-weight:500}.text-link:hover{text-decoration:underline}