@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);:root{--bg-color:#f8fafc;--panel-bg:#ffffffd9;--panel-border:#00000014;--primary-color:#0ea5e9;--secondary-color:#6366f1;--text-primary:#0f172a;--text-secondary:#64748b;--error-color:#ef4444;--success-color:#10b981}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-color);color:#0f172a;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}body:before{background:radial-gradient(circle at center,#0ea5e908 0,#0000 50%),radial-gradient(circle at bottom right,#6366f10d 0,#0000 40%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:-1}.glass-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px 0 #0000000d}.input-field{background:#fff;border:1px solid #00000014;border:1px solid var(--panel-border);border-radius:8px;box-shadow:inset 0 2px 4px 0 #00000005;color:#0f172a;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.input-field::placeholder{color:#94a3b8}.input-field:focus{border-color:#0ea5e9;border-color:var(--primary-color);box-shadow:0 0 0 3px #0ea5e926}.btn-primary{align-items:center;background:linear-gradient(45deg,#6366f1,#0ea5e9);background:linear-gradient(45deg,var(--secondary-color),var(--primary-color));border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 15px #6366f14d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{align-items:center;background:#0000;background-color:#fffc;border:1px solid #0ea5e980;border-radius:8px;color:#0ea5e9;color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{background:#0ea5e90d;border-color:#0ea5e9;border-color:var(--primary-color);box-shadow:0 4px 10px #0ea5e91a}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-weight:700;margin-bottom:.5em}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0284c7,#4f46e5);-webkit-background-clip:text;background-clip:text;display:inline-block}body.theme-fe{--primary-color:#ea580c;--secondary-color:#475569}body.theme-fe .text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ea580c,#475569);-webkit-background-clip:text;background-clip:text}body.theme-fe .btn-primary{background:linear-gradient(45deg,#475569,#ea580c)}body.theme-fe .btn-primary:hover{box-shadow:0 4px 15px #ea580c4d}body.theme-fe .btn-secondary{border-color:#ea580c66;color:#ea580c}body.theme-fe .btn-secondary:hover{background:#ea580c0f;border-color:#ea580c;box-shadow:0 4px 10px #ea580c26}body.theme-fe .input-field:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c26}body.theme-fe .brand-icon,body.theme-fe .code-badge{background:#ea580c1a;border-color:#ea580c40}body.theme-fe .code-badge{color:#ea580c}.login-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 45px);padding:20px}.login-box{max-width:400px;overflow:hidden;padding:40px;position:relative;width:100%}.login-box:before{background:linear-gradient(90deg,var(--secondary-color),var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.login-header{margin-bottom:30px;text-align:center}.icon-container{align-items:center;background:#f1f5f9;border:1px solid var(--panel-border);border-radius:50%;box-shadow:0 4px 20px #0ea5e91a;display:inline-flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.icon-container img{height:48px;object-fit:contain;width:48px}.login-header h2{color:var(--text-primary);font-size:28px;letter-spacing:1px;margin-bottom:8px}.login-header p{color:var(--text-secondary);font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative;width:100%}.input-icon{left:16px;opacity:.8}.with-icon{padding-left:48px}.error-message{background:#fee2e2;border-left:3px solid var(--error-color);border-radius:4px;color:var(--error-color);font-size:14px;margin-top:-10px;padding:8px;text-align:center}.back-link-container{margin-top:20px;text-align:center}.back-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:14px;text-decoration:underline}.back-link:hover{color:var(--primary-color)}.dashboard-page-container{box-sizing:border-box;min-height:calc(100vh - 60px);padding:24px 36px;width:100%}.dashboard-nav{border-radius:16px;box-sizing:border-box;margin-bottom:28px;padding:16px 28px;width:100%}.nav-brand{gap:14px}.brand-icon{background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:12px;height:42px;justify-content:center;width:42px}.brand-icon,.nav-user{align-items:center;display:flex}.nav-user{gap:16px}.role-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.role-badge.superadmin{background:#10b9811f;border:1px solid #10b9814d;color:#059669}.role-badge.admin{background:#6366f11f;border:1px solid #6366f14d;color:#4f46e5}.stats-grid{grid-gap:24px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);justify-content:start;margin-bottom:40px;margin-top:10px;width:100%}@media (max-width:1280px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}}.superadmin-tile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 10px 30px -5px #0000000a,0 4px 12px -2px #00000005;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:170px;padding:28px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.superadmin-tile:hover{border-color:var(--primary-color);box-shadow:0 18px 36px -8px #0ea5e92e;transform:translateY(-5px)}.superadmin-tile-header{align-items:center;display:flex;justify-content:space-between;width:100%}.stat-icon{align-items:center;background:linear-gradient(135deg,#0ea5e926,#0ea5e90d);border:1px solid #0ea5e933;border-radius:12px;color:var(--primary-color);display:flex;height:48px;justify-content:center;width:48px}.stat-icon.fe-icon{background:linear-gradient(135deg,#6366f126,#6366f10d);border:1px solid #6366f133;color:var(--secondary-color)}.tile-badge{background:#0ea5e91a;border:1px solid #0ea5e940;border-radius:20px;color:var(--primary-color);font-size:12px;font-weight:700;letter-spacing:.3px;padding:5px 12px}.tile-badge.fe-badge{background:#6366f11a;border:1px solid #6366f140;color:var(--secondary-color)}.tile-content{margin:14px 0 6px}.tile-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.tile-action-link{align-items:center;color:var(--primary-color);display:flex;font-size:14px;font-weight:700;gap:8px;transition:gap .2s ease}.tile-action-link.fe-link{color:var(--secondary-color)}.superadmin-tile:hover .tile-action-link{gap:12px}.superadmin-page{box-sizing:border-box;min-height:calc(100vh - 60px);padding:24px 36px;width:100%}.page-header{justify-content:space-between;margin-bottom:30px}.page-header,.page-header-left{align-items:center;display:flex}.page-header-left{gap:16px}.back-btn{gap:6px;padding:8px 16px}.back-btn,.search-filter-bar{align-items:center;display:flex}.search-filter-bar{gap:16px;margin-bottom:24px}.search-input-wrapper{flex:1 1;max-width:400px;position:relative}.search-icon-inside{color:var(--text-secondary);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.table-panel{overflow-x:auto;padding:24px}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase}.custom-table td,.custom-table th{border-bottom:1px solid var(--panel-border)}.custom-table td{font-size:14px;padding:16px;vertical-align:middle}.company-code-badge{background:#6366f11f;border:1px solid #6366f140;border-radius:6px;color:var(--secondary-color);display:inline-block;font-family:monospace;font-size:12px;font-weight:700;padding:4px 10px}.status-tag{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.status-tag.active{background:#10b9811f;color:#059669}.status-tag.inactive{background:#ef44441f;color:#dc2626}.action-btns{display:flex;gap:8px}.icon-btn{background:none;border-radius:6px;color:var(--text-secondary)}.icon-btn:hover{background:#0ea5e91a;color:var(--primary-color)}.icon-btn.delete:hover{color:var(--error-color)}.address-icon-badge{align-items:center;background:#ffffff0d;border:1px solid var(--panel-border);border-radius:50%;color:var(--text-secondary);cursor:help;display:inline-flex;flex-shrink:0;height:22px;justify-content:center;transition:all .2s ease;width:22px}.address-icon-badge:hover{background:#0ea5e926;border-color:#0ea5e959;color:var(--primary-color)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;inset:0;padding:20px}.modal-card{box-sizing:border-box;display:flex;flex-direction:column;max-height:85vh;max-width:560px;overflow:hidden;padding:28px 32px;position:relative;width:100%}.modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px}.form-grid{grid-gap:16px;flex:1 1;gap:16px;overflow-y:auto;padding-right:4px}.form-full{grid-column:span 2}.field-label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.clickable-row{cursor:pointer;transition:background-color .15s ease}.clickable-row:hover{background-color:#6366f10f}.read-only-details{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-right:4px}.form-grid::-webkit-scrollbar,.read-only-details::-webkit-scrollbar{width:6px}.form-grid::-webkit-scrollbar-thumb,.read-only-details::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.form-grid::-webkit-scrollbar-track,.read-only-details::-webkit-scrollbar-track{background:#0000}.read-only-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.read-only-field{background:#ffffff08;border:1px solid var(--panel-border);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.read-only-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.read-only-value{font-size:14px;font-weight:500;line-height:1.5;white-space:pre-wrap}.read-only-value,.read-only-value-large{color:var(--text-primary);overflow-wrap:anywhere;word-break:break-word}.read-only-value-large{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px}.domain-select-group{display:flex;gap:16px;margin-top:6px}.domain-checkbox-label{align-items:center;background:#fff;border:1px solid var(--panel-border);border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease}.domain-checkbox-label.selected{background:#0ea5e914;border-color:var(--primary-color);color:var(--primary-color)}.domain-checkbox-label.selected.fe{background:#6366f114;border-color:var(--secondary-color);color:var(--secondary-color)}.domain-tag{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:3px 8px}.domain-tag.cu{background:#0ea5e91f;border:1px solid #0ea5e94d;color:var(--primary-color)}.domain-tag.fe{background:#6366f11f;border:1px solid #6366f14d;color:var(--secondary-color)}.plan-badge{align-items:center;background:#0ea5e91f;border:1px solid #0ea5e940;border-radius:6px;color:#0ea5e9;color:var(--primary-color,#0ea5e9);display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:4px 10px;white-space:nowrap}.plan-items-cell{align-items:center;display:flex;flex-wrap:wrap;gap:6px;max-width:280px}.plan-rate{color:var(--text-primary);font-family:source-code-pro,Menlo,monospace;font-size:15px;font-weight:800}.pricing-tag{background:#64748b1a;border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.interval-tag{color:var(--text-primary);display:inline-flex;gap:4px}.checkbox-form-group,.interval-tag{align-items:center;font-size:13px;font-weight:600}.checkbox-form-group{background:#fff;border:1px solid var(--panel-border);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 14px;-webkit-user-select:none;user-select:none}.checkbox-form-group input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:16px;width:16px}.multi-select-box{background:#fff;background:var(--bg-card,#fff);border:1px solid #cbd5e1;border:1px solid var(--panel-border,#cbd5e1);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:12px}.selected-chips-row{align-items:center;border-bottom:1px dashed #e2e8f0;border-bottom:1px dashed var(--panel-border,#e2e8f0);display:flex;flex-wrap:wrap;gap:6px;min-height:32px;padding-bottom:6px}.selected-chip{align-items:center;background:linear-gradient(135deg,#0ea5e926,#6366f126);border:1px solid #0ea5e94d;border-radius:20px;color:#0369a1;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px;transition:all .2s ease}.selected-chip button{align-items:center;background:none;border:none;color:#0369a1;cursor:pointer;display:flex;opacity:.7;padding:0;transition:opacity .2s}.selected-chip button:hover{color:#ef4444;opacity:1}.multi-select-actions{align-items:center;display:flex;gap:8px;justify-content:space-between}.multi-select-search{border:1px solid #e2e8f0;border:1px solid var(--panel-border,#e2e8f0);border-radius:6px;flex:1 1;font-size:12px;padding:6px 12px}.btn-text-sm{background:#0000;border:none;border-radius:4px;color:#0ea5e9;color:var(--primary-color,#0ea5e9);cursor:pointer;font-size:12px;font-weight:600;padding:2px 6px}.btn-text-sm:hover{background:#0ea5e914}.multi-select-options-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;padding-right:4px}.multi-select-option-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 10px;transition:background .15s ease}.multi-select-option-item:hover{background:#0ea5e90f}.multi-select-option-item.selected{background:#0ea5e91a;font-weight:600}.item-code-badge{background:#6366f11a;border-radius:4px;color:#4f46e5;font-family:monospace;font-size:11px;font-weight:700;padding:2px 6px}.subscription-overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.sub-card{border-radius:12px;padding:24px}.sub-card-header{align-items:center;border-bottom:1px solid var(--panel-border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.sub-card-content{display:flex;flex-direction:column;gap:12px}.sub-detail-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.sub-label{color:var(--text-secondary)}.sub-value{color:var(--text-primary);font-weight:500}.sub-value.bold{color:var(--primary-color);font-weight:700}.sub-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:14px;padding:36px;text-align:center}.cancellation-warning-banner{align-items:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:14px;padding:10px 14px}.danger-text{color:var(--error-color)!important}.danger-text:hover{background:#ef44441a!important}.danger-btn{background:var(--error-color)!important;border-color:var(--error-color)!important;color:#fff!important}.danger-btn:hover{background:#dc2626!important}.sub-tabs-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0ea5e914;border:1px solid #0ea5e933;border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;width:fit-content}.sub-tab-btn,.sub-tabs-container{align-items:center;display:inline-flex}.sub-tab-btn{background:#0000;border:none;border-radius:7px;box-sizing:border-box;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-size:13.5px;font-weight:600;gap:8px;height:36px;justify-content:center;line-height:1;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.sub-tab-btn:hover{background:#0ea5e91f;color:#0f172a;color:var(--text-primary,#0f172a)}.sub-tab-btn.active{background:#0ea5e9!important;background:var(--primary-color,#0ea5e9)!important;box-shadow:0 2px 8px #0ea5e959;color:#fff!important}.sub-tab-badge{align-items:center;background:#ffffff4d;border-radius:9px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;margin-left:2px;min-width:18px;padding:0 6px}.admin-container{box-sizing:border-box;padding:24px 36px;width:100%}.admin-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;width:100%}.plans-grid-row{grid-gap:20px;box-sizing:border-box;gap:20px;grid-template-columns:repeat(4,1fr);width:100%}.plan-card-item{min-width:0}@media (max-width:1400px){.plans-grid-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.plans-grid-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.plans-grid-row{grid-template-columns:1fr}}.subscription-banner-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #ffffffb3;border-radius:18px;box-shadow:0 10px 30px -5px #0000000a;margin-bottom:32px;padding:32px}.sub-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.sub-title-group{display:flex;flex-direction:column;gap:6px}.sub-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 14px;text-transform:uppercase}.sub-status-pill.active{background:#10b9811f;border:1px solid #10b9814d;color:#059669}.sub-status-pill.trial{background:#6366f11f;border:1px solid #6366f14d;color:#4f46e5}.sub-rate-tag{color:var(--primary-color);font-family:source-code-pro,Menlo,monospace;font-size:28px;font-weight:800}.sub-details-grid{grid-gap:20px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:15px;font-weight:700}.available-plans-section{margin-bottom:40px}.section-title-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.plans-grid-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card-item{border:1px solid var(--panel-border);border-radius:16px;display:flex;flex-direction:column;gap:20px;justify-content:space-between;padding:28px 24px;position:relative;transition:all .3s ease}.plan-card-item:hover{border-color:var(--primary-color);box-shadow:0 16px 36px #0ea5e926;transform:translateY(-4px)}.plan-card-item.active-plan{background:#0ea5e90a;border-color:var(--primary-color)}.history-section{margin-bottom:40px}.history-status{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.history-status.paid{background:#10b9811f;color:#059669}.history-status.upcoming{background:#0ea5e91f;color:var(--primary-color)}.selection-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:30px}.selection-box{max-width:800px;padding:40px;text-align:center;width:100%}.selection-header{margin-bottom:40px}.selection-header h2{font-size:32px;margin-bottom:8px}.selection-header p{color:var(--text-secondary);font-size:16px}.cards-wrapper{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.selection-card{align-items:center;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.selection-card:hover{border-color:var(--primary-color);box-shadow:0 12px 30px #0ea5e926;transform:translateY(-6px)}.card-symbol{align-items:center;border-radius:50%;display:flex;font-size:24px;font-weight:700;height:70px;justify-content:center;margin-bottom:20px;width:70px}.card-symbol.cu{background:#0ea5e91f;border:1px solid #0ea5e94d;color:var(--primary-color)}.card-symbol.fe{background:#6366f11f;border:1px solid #6366f14d;color:var(--secondary-color)}.selection-card h3{font-size:22px;margin-bottom:8px}.selection-card p{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.card-btn{margin-top:auto;width:100%}.dashboard-container{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 45px);max-height:calc(100vh - 45px);overflow:hidden;padding:16px 24px}.dashboard-nav{flex-shrink:0;justify-content:space-between;margin-bottom:16px;padding:12px 28px}.dashboard-nav,.nav-brand{align-items:center;display:flex}.nav-brand{gap:12px}.nav-brand h2{font-size:24px;letter-spacing:1px}.nav-actions{display:flex;gap:16px}.logout-btn{border-color:#ef444480;color:var(--error-color)}.logout-btn:hover{background:#ef44441a;box-shadow:0 4px 12px #ef444426}.dashboard-content{flex:1 1;min-height:0;overflow:hidden}.scrollable{display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative}.dashboard-grid.layout-wide{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr;grid-template-rows:100%;height:100%;max-height:100%;min-height:0}.history-sidebar{display:flex;flex-direction:column;height:100%;padding:24px}.transaction-list{display:flex;flex:1 1;flex-direction:column;gap:12px;padding-right:8px}.transaction-list::-webkit-scrollbar{width:6px}.transaction-list::-webkit-scrollbar-track{background:#0000}.transaction-list::-webkit-scrollbar-thumb{background:#0ea5e933;border-radius:4px}.txn-card{align-items:center;background:#fff;border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 2px 8px #00000005;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.txn-card:hover{border-color:#0ea5e94d;box-shadow:0 4px 12px #0ea5e914;transform:translateY(-2px)}.txn-card.active{background:linear-gradient(90deg,#0ea5e908,#fff);border-color:var(--primary-color);border-left:4px solid var(--primary-color)}.txn-info{display:flex;flex-direction:column;gap:4px}.txn-id{color:var(--secondary-color);font-size:11px;font-weight:700;letter-spacing:.5px}.txn-target{color:var(--text-primary);font-size:15px;font-weight:600}.txn-meta{color:var(--text-secondary);font-size:12px}.icon-btn-create{align-items:center;background:#10b9811a;border:none;border-radius:50%;color:#10b981;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.icon-btn-create:hover{background:#10b98133;transform:scale(1.05)}.transaction-workspace{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.transaction-workspace::-webkit-scrollbar{width:8px}.transaction-workspace::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.transaction-workspace::-webkit-scrollbar-thumb{background:#0ea5e959;border-radius:4px}.transaction-workspace::-webkit-scrollbar-thumb:hover{background:#0ea5e999}.workspace-inner{box-sizing:border-box;display:flex;flex-direction:column;height:auto;min-height:100%;overflow:visible;padding:24px 28px 36px}.workspace-inner:after{content:"";display:block;flex-shrink:0;height:32px;min-height:32px}.calculate-action-wrapper{flex-shrink:0;margin-bottom:20px;margin-top:28px}.form-grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500}.input-icon-wrapper{position:relative;width:100%}.input-icon{color:var(--primary-color);left:12px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.with-icon{padding-left:40px!important}.select-field{background-position:right 16px top 50%}.upload-zone{width:100%}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-3{gap:12px}.gap-4{gap:16px}.gap-x-1{column-gap:4px}.gap-x-2{column-gap:8px}.gap-x-3{column-gap:12px}.gap-x-4{column-gap:16px}.gap-y-1{row-gap:4px}.gap-y-2{row-gap:8px}.h-full{height:100%}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.pr-2{padding-right:8px}.pb-4{padding-bottom:16px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.text-xs{font-size:11px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-mono{font-family:source-code-pro,Menlo,monospace}.text-success{color:var(--success-color)}.text-warning{color:#f59e0b}.text-error{color:var(--error-color)}.bg-emerald-100{background-color:#d1fae5}.text-emerald-700{color:#047857}.bg-amber-100{background-color:#fef3c7}.text-amber-700{color:#b45309}.bg-amber-50\/30{background-color:rgba(fffbeb,.5)}.bg-red-100{background-color:#fee2e2}.text-red-800{color:#991b1b}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-1{padding-bottom:4px;padding-top:4px}.py-1\.5{padding-bottom:6px;padding-top:6px}.py-2{padding-bottom:8px;padding-top:8px}.py-3{padding-bottom:12px;padding-top:12px}.rounded-full{border-radius:9999px}.rounded{border-radius:4px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.secret-modal{border-top:4px solid var(--primary-color);max-width:450px;padding:40px;position:relative;width:100%}.close-btn{position:absolute;right:16px;top:16px;transition:color .3s}.close-btn:hover{background:#0ea5e91a;border-radius:50%;color:var(--primary-color)}.secret-modal-header{align-items:center;display:flex;flex-direction:column;margin-bottom:24px;text-align:center}.secret-modal-header h3{font-size:20px;font-weight:700;margin:8px 0 4px}.secret-modal-header p{color:var(--text-secondary);font-size:14px;margin:0}.icon-container-small{align-items:center;background:#10b9811a;border-radius:50%;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.border-b{border-bottom:1px solid var(--panel-border)}.border-dashed{border-style:dashed}.border-2{border-width:2px}.border-slate-200{border-color:#e2e8f0}.border-slate-50{border-color:#f8fafc}.border-slate-100{border-color:#f1f5f9}.hover\:border-blue-400:hover{border-color:#60a5fa}.hover\:bg-blue-50:hover{background-color:#eff6ff}.bg-slate-50{background-color:#f8fafc}.bg-white{background-color:#fff}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.opacity-0{opacity:0}.opacity-50{opacity:.5}.absolute{position:absolute}.relative{position:relative}.inset-0{bottom:0;left:0;right:0;top:0}.z-10{z-index:10}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.flex-1{flex:1 1}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.text-blue-500{color:#0ea5e9}.text-slate-700{color:#334155}.text-slate-500{color:#64748b}.text-slate-400{color:#94a3b8}.text-slate-600{color:#475569}.text-slate-800{color:#1e293b}.text-indigo-400{color:#818cf8}.text-indigo-500{color:#6366f1}.text-indigo-700{color:#4338ca}.text-emerald-600{color:#059669}.bg-indigo-100{background-color:#e0e7ff}.text-2xl{font-size:24px}.p-2{padding:8px}.p-5{padding:20px}.p-6{padding:24px}.mx-1{margin-left:4px;margin-right:4px}.pl-10{padding-left:40px!important}.w-6{width:24px}.h-6{height:24px}.last\:border-0:last-child{border-bottom-width:0}.view-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:flex;padding:3px}.view-toggle button{border:none;cursor:pointer;outline:none}.analytics-view{display:flex;flex-direction:column;gap:24px;padding:8px 4px}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px}.items-end{align-items:flex-end}.space-y-6>*+*{margin-top:24px}.italic{font-style:italic}.pr-8{padding-right:32px}.form-grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.searchable-dropdown{outline:none;position:relative}.sdd-trigger{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding-right:14px!important;-webkit-user-select:none;user-select:none}.sdd-trigger.sdd-open{border-color:var(--primary-color);box-shadow:0 0 0 3px #0ea5e91f}.sdd-placeholder{color:#9ca3af}.sdd-placeholder,.sdd-value{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdd-value{color:var(--text-primary);font-weight:500}.sdd-arrow{flex-shrink:0;height:6px;transition:transform .2s ease;width:10px}.sdd-arrow-up{transform:rotate(180deg)}.sdd-panel{animation:sddFadeIn .15s ease;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}@keyframes sddFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sdd-search-wrap{border-bottom:1px solid #f1f5f9;padding:10px 10px 6px}.sdd-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s;width:100%}.sdd-search:focus{background:#fff;border-color:var(--primary-color)}.sdd-options{max-height:210px;overflow-y:auto;padding:4px 0}.sdd-options::-webkit-scrollbar{width:5px}.sdd-options::-webkit-scrollbar-track{background:#0000}.sdd-options::-webkit-scrollbar-thumb{background:#0ea5e933;border-radius:4px}.sdd-option{align-items:baseline;color:#334155;cursor:pointer;display:flex;font-size:13.5px;gap:8px;padding:9px 14px;transition:background .1s}.sdd-option:hover{background:#f0f9ff;color:var(--primary-color)}.sdd-option.sdd-selected{background:#0ea5e914;color:var(--primary-color);font-weight:600}.sdd-clear{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:12px;padding:7px 14px}.sdd-clear:hover{background:#fff1f2;color:#e11d48}.sdd-empty{color:#94a3b8;font-size:13px;font-style:italic;padding:14px;text-align:center}.sdd-item-code{color:var(--primary-color);flex-shrink:0;font-family:source-code-pro,Menlo,monospace;font-size:12px;font-weight:700}.sdd-item-name{color:#475569;font-size:13px}.form-group-weight-container{background:#f8fafc73;border:1px dashed var(--panel-border);border-radius:12px;margin-top:8px;padding:16px}.weight-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.weight-group-title{color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.5px;margin:0!important;text-transform:uppercase}.btn-reset-tiny{background:#fff;border:1px solid var(--panel-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:600;padding:3px 10px;transition:all .2s}.btn-reset-tiny:hover{background:#0ea5e90d;border-color:var(--primary-color);box-shadow:0 2px 6px #0ea5e91a;color:var(--primary-color)}.weight-group-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.input-field:disabled{background-color:#f1f5f9;border-color:#cbd5e1;color:#94a3b8;cursor:not-allowed;opacity:.8}.pour-banner-prompt{align-items:center;background:#f0f9ff;border:1px solid #7dd3fc;border-radius:10px;box-shadow:0 2px 6px #0ea5e914;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 18px}.pour-banner-title{align-items:center;color:#0369a1;display:flex;font-size:14px;font-weight:700;gap:8px}.btn-start-pour{align-items:center;background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-start-pour:hover{background:#0284c7;box-shadow:0 4px 12px #0ea5e940}.pour-timer-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 6px #0000000a;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 18px}.pour-timer-label{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:700;gap:8px}.pour-timer-clock{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0284c7;font-family:monospace;font-size:20px;font-weight:800;letter-spacing:1.5px;padding:4px 12px}.btn-mark-poured{align-items:center;background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-mark-poured:hover{background:#0284c7;box-shadow:0 4px 12px #0ea5e940}.pour-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.pour-modal-card{background:#fff;border:1px solid #bae6fd;border-radius:16px;box-shadow:0 20px 40px #0000001f;max-width:360px;padding:24px;text-align:center;width:90%}.pour-modal-icon{align-items:center;background:#e0f2fe;border-radius:50%;color:#0284c7;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.pour-modal-title{color:#0f172a;font-size:18px;font-weight:800;margin:0 0 8px}.pour-modal-msg{color:#0369a1;font-size:14px;font-weight:600;margin:0 0 20px}.btn-acknowledge-close{background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px;transition:all .2s ease;width:100%}.btn-acknowledge-close:hover{background:#0284c7}.round-card-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000008;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.round-card-wrapper.is-latest-round{border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0d}.round-accordion-btn{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-family:inherit;gap:16px;justify-content:space-between;outline:none;padding:14px 20px 4px;text-align:left;transition:background .15s ease;width:100%}.round-accordion-btn:hover{background:#f8fafc}.round-accordion-btn.is-open{background:#fff;border-bottom:none}.round-header-left{align-items:center;display:flex;flex-shrink:0;gap:12px}.round-title-group{display:flex;flex-direction:column;gap:2px}.round-title-row{align-items:center;display:flex;gap:10px}.round-title-text{color:#4338ca;font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0}.round-meta-text{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px;margin:0;white-space:nowrap}.round-header-right{gap:10px;justify-content:flex-end}.round-header-right,.round-metrics-bar{align-items:center;display:flex;flex-wrap:wrap}.round-metrics-bar{gap:8px}.round-pill{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:5px;line-height:1.3;padding:4px 10px;white-space:nowrap}.round-pill-neutral{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.round-pill-neutral strong{color:#0f172a;font-weight:600}.round-pill-added{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:600}.round-pill-est{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;font-weight:600}.round-status-pill{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.02em;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.round-status-in-spec{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.round-status-action-needed{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.round-actions-wrap{align-items:center;display:flex;flex-shrink:0;gap:8px}.btn-round-action{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;height:28px;padding:4px 12px;transition:all .15s ease;white-space:nowrap}.btn-round-report{background:#fff;border:1px solid #cbd5e1;color:#334155}.btn-round-report:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 1px 3px #0000000d;color:#0f172a}.btn-round-summary{background:#eef2ff;border:1px solid #c7d2fe;color:#4f46e5}.btn-round-summary:hover{background:#e0e7ff;border-color:#a5b4fc;box-shadow:0 1px 3px #6366f11a;color:#4338ca}.round-chevron-wrap{align-items:center;border-radius:6px;color:#94a3b8;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .15s ease;width:28px}.round-accordion-btn:hover .round-chevron-wrap{background:#e2e8f0;color:#475569}.dual-upload-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.dual-upload-card{background:#fff;border:1.5px dashed #cbd5e1;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;position:relative;transition:all .2s ease}.dual-upload-card:hover{border-color:#94a3b8;box-shadow:0 4px 12px #0000000a}.dual-upload-card.has-file{background:#f0fdf4;border:1.5px solid #10b981}.dual-upload-card.disabled{opacity:.55;pointer-events:none}.upload-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.upload-card-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.upload-card-badge.spec-badge{background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.upload-card-badge.xray-badge{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.upload-status-chip{align-items:center;background:#d1fae5;border-radius:20px;color:#059669;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:3px 8px}.upload-card-body{align-items:center;display:flex;min-height:72px}.upload-empty-state{padding:8px 0;text-align:center;width:100%}.upload-empty-state .upload-icon{color:#94a3b8;margin-bottom:4px}.upload-empty-title{color:#475569;font-size:13px;font-weight:600;margin:0}.upload-empty-hint{color:#94a3b8;font-size:11px;margin:2px 0 0}.upload-preview-wrap{align-items:center;display:flex;gap:12px;width:100%}.upload-thumb{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;flex-shrink:0;height:52px;overflow:hidden;position:relative;width:52px}.upload-thumb img{display:block;height:100%;object-fit:cover;width:100%}.thumb-hover-overlay{align-items:center;background:#0f172a73;color:#fff;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s ease}.upload-thumb:hover .thumb-hover-overlay{opacity:1}.upload-file-meta{flex:1 1;min-width:0}.upload-file-meta .file-name{color:#1e293b;font-size:13px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-meta .file-subtext{color:#059669;font-size:11px;font-weight:500;margin:2px 0 0}.upload-card-footer{align-items:center;border-top:1px solid #f1f5f9;box-sizing:border-box;display:flex;justify-content:center;margin-top:14px;padding-top:10px;width:100%}.w-full{width:100%}.btn-upload-card{align-items:center!important;border:1px solid #0000!important;border-radius:8px!important;box-sizing:border-box!important;cursor:pointer!important;display:inline-flex!important;font-size:13px!important;font-weight:700!important;gap:8px!important;justify-content:center!important;letter-spacing:.5px!important;line-height:1.2!important;margin:0!important;padding:10px 16px!important;text-align:center!important;text-transform:uppercase!important;width:100%!important}.dual-upload-card.has-file .upload-card-footer{border-top-color:#dcfce7}.card-actions-row{align-items:center;display:flex;gap:8px;width:100%}.btn-card-action{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;justify-content:center;padding:6px 12px;transition:all .15s ease}.btn-card-edit{background:#fff;border:1px solid #cbd5e1;color:#334155;flex:1 1}.btn-card-edit:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn-card-change{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;cursor:pointer;margin:0}.btn-card-change:hover{background:#e2e8f0;color:#1e293b}.btn-card-remove{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626;padding:6px 8px}.btn-card-remove:hover{background:#fecaca;color:#b91c1c}.viewer-tab-group{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:4px;padding:3px}.viewer-tab-btn{background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:13px;font-weight:600;padding:4px 12px;transition:all .15s ease}.viewer-tab-btn:hover{color:#fff}.viewer-tab-btn.active{background:#fff;box-shadow:0 1px 3px #0003;color:#0f172a}.btn-round-xray{background:#fffbeb!important;border-color:#fde68a!important;color:#b45309!important}.btn-round-xray:hover{background:#fef3c7!important;border-color:#fcd34d!important;color:#92400e!important}.im-container{display:flex;flex-direction:column;min-height:calc(100vh - 45px);padding:24px}.im-content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding-top:40px}.flex-grow{flex-grow:1}.im-card{max-width:1200px;padding:32px;width:100%}.im-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.search-bar{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-secondary);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.table-container{overflow-x:auto;width:100%}.items-table{border-collapse:collapse;text-align:left;width:100%}.items-table th{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.items-table td,.items-table th{border-bottom:1px solid var(--panel-border);padding:16px}.items-table td{vertical-align:middle}.items-table tbody tr{transition:background-color .2s}.items-table tbody tr:hover{background-color:#00000005}.item-name-cell{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:12px}.code-badge,.item-icon{color:var(--primary-color)}.code-badge{background:#0ea5e91a;border:1px solid #0ea5e940;border-radius:4px;display:inline-block;font-family:source-code-pro,Menlo,monospace;font-size:13px;padding:4px 10px}.compound-count{align-items:center;background:#45f3ff1a;border-radius:20px;color:var(--primary-color);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.action-buttons{display:flex;gap:8px}.icon-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.icon-btn.edit{color:var(--text-secondary)}.icon-btn.edit:hover{background:#0000000d;color:var(--text-primary)}.icon-btn.delete{color:var(--error-color)}.icon-btn.delete:hover{background:#ef44441a}.icon-btn.view{color:var(--primary-color);transition:transform .3s ease,background .2s}.icon-btn.view:hover{background:#45f3ff1a}.icon-btn.view.active{background:#45f3ff33}.empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:64px 0}.expanded-row-active{background-color:#45f3ff08!important}.expanded-row-active,.expanded-row-active td{border-bottom:none!important}.expanded-details-row{background-color:#45f3ff08}.expanded-details-row td{border-top:none;padding-top:0}.expanded-details-container{overflow:hidden}.expanded-details-inner{background:#fff;border-color:#0ea5e91a;margin:0 16px 16px}.details-title{align-items:center;color:var(--primary-color);display:flex;font-size:14px;gap:8px;letter-spacing:.5px;margin-bottom:16px;margin-top:0}.composition-grid{display:flex;flex-wrap:wrap;gap:12px}.comp-badge{align-items:center;background:#fff;border:1px solid var(--panel-border);border-radius:6px;display:flex;font-size:13px;padding:6px 12px}.comp-element{color:var(--text-primary);font-weight:500;margin-right:12px}.comp-range{background:#f1f5f9;border-radius:4px;color:var(--text-secondary);font-family:source-code-pro,Menlo,monospace;padding:2px 8px}.p-0{padding:0!important}.text-sm{font-size:13px}.setup-modal{border-top:4px solid var(--primary-color);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;padding:32px;width:90%}.setup-modal::-webkit-scrollbar{width:8px}.setup-modal::-webkit-scrollbar-track{background:#0000}.setup-modal::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.modal-header-flex{align-items:center;border-bottom:1px solid var(--panel-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.modal-header-flex h3{font-size:24px;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.close-btn:hover{background:#0000000d;color:var(--text-primary)}.setup-form{display:flex;flex-direction:column;gap:32px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.input-group-col{display:flex;flex-direction:column;gap:8px}.input-group-col label{color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.full-width{grid-column:1/-1}.glass-panel-inner{background:#f8fafc;border:1px solid var(--panel-border);border-radius:12px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h4{align-items:center;color:var(--secondary-color);display:flex;font-size:16px;gap:8px;margin:0}.btn-secondary.small{font-size:13px;padding:6px 12px}.compounds-table-wrapper{overflow:visible}.compounds-table{border-collapse:collapse;width:100%}.compounds-table th{border-bottom:1px solid var(--panel-border);color:var(--text-secondary);font-size:13px;font-weight:500;padding:12px;text-align:left}.compounds-table td{padding:8px 12px;vertical-align:middle}.select-field{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%239ca3af%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 12px top 50%;background-repeat:no-repeat;background-size:10px auto;cursor:pointer}.select-field option{background:var(--bg-color);color:var(--text-primary)}.input-field.minimal{font-family:source-code-pro,Menlo,monospace;padding:10px;text-align:center}.modal-actions{border-top:1px solid var(--panel-border);display:flex;gap:16px;justify-content:flex-end;margin-top:16px;padding-top:24px}.p-4{padding:16px}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.cursor-pointer{cursor:pointer}.mb-0{margin-bottom:0!important}.searchable-select{min-width:180px;position:relative;width:100%}.searchable-select.is-open{z-index:1000}.searchable-select .select-field{padding-right:12px}.searchable-select-chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s ease}.searchable-select-chevron.rotate{transform:rotate(180deg)}.dropdown-menu-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 16px 32px -4px #00000026,0 6px 12px -2px #00000014;display:flex;flex-direction:column;left:0;max-height:260px;min-width:220px;overflow:hidden;position:absolute;top:calc(100% + 4px);width:100%;z-index:9999}.dropdown-search-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:8px 10px;position:sticky;top:0;z-index:10}.dropdown-search-pill{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;box-shadow:inset 0 1px 2px #00000008;display:flex;gap:8px;padding:6px 10px;transition:all .15s ease}.dropdown-search-pill:focus-within{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.dropdown-search-icon{color:#94a3b8;flex-shrink:0}.dropdown-search-input{background-color:initial!important;border:none!important;box-shadow:none!important;color:#1e293b;font-size:13px;margin:0!important;outline:none!important;padding:0!important;width:100%}.dropdown-search-clear{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:0;transition:color .15s ease}.dropdown-search-clear:hover{color:#475569}.dropdown-options-list{max-height:200px;overflow-y:auto;padding:4px}.dropdown-option-item{align-items:center;background-color:initial;border-radius:5px;color:#334155;cursor:pointer;display:flex;font-size:13px;font-weight:400;justify-content:space-between;padding:7px 10px;transition:background-color .15s ease,color .15s ease}.dropdown-option-item:hover:not(.disabled):not(.selected){background-color:#f1f5f9}.dropdown-option-item.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.dropdown-option-item.disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.dropdown-option-badge{background-color:#e2e8f0;border-radius:4px;color:#64748b;font-size:11px;font-weight:500;padding:2px 6px}.dropdown-empty-state{color:#94a3b8;font-size:13px;padding:12px;text-align:center}.alloy-container{background-color:var(--bg-color);display:flex;flex-direction:column;height:calc(100vh - 45px);overflow:hidden}.alloy-nav{align-items:center;border-bottom:1px solid var(--panel-border);display:flex;justify-content:space-between;padding:16px 32px;z-index:10}.alloy-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr;height:calc(100vh - 125px);padding:24px 32px}.input-sidebar{gap:16px;overflow-y:auto;padding:20px}.alloy-section,.input-sidebar{display:flex;flex-direction:column}.alloy-section{gap:12px}.alloy-section h3{align-items:center;color:var(--primary-color);display:flex;font-size:16px;gap:8px;margin-bottom:8px}.element-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.element-input{display:flex;flex-direction:column;gap:4px}.element-input label{color:var(--text-secondary);font-size:12px;font-weight:600}.element-input input{font-size:14px;padding:8px}.results-workspace{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.results-header{align-items:center;display:flex;justify-content:space-between}.results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.stat-card{border:1px solid var(--panel-border);display:flex;flex-direction:column;gap:8px;padding:20px}.stat-value{color:var(--text-primary);font-size:28px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:14px}.data-table-container{border:1px solid var(--panel-border);border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;font-size:14px;text-align:left;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--panel-border);padding:12px 16px}.data-table th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#f8fafccc;color:var(--text-secondary);font-weight:600;position:sticky;top:0}.data-table tbody tr:hover{background-color:#0ea5e905}.data-table tr:last-child td{border-bottom:none}.diff-positive{color:var(--success-color);font-weight:600}.diff-negative{color:var(--error-color);font-weight:600}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-footer{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--panel-bg);border-top:1px solid var(--panel-border);box-shadow:0 -4px 20px #00000005;flex-shrink:0;padding:12px 24px;width:100%;z-index:999}.app-footer,.footer-content{align-items:center;display:flex;justify-content:center}.footer-text{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:13px;font-weight:500;letter-spacing:.8px;opacity:.85;text-align:center;transition:opacity .3s ease}.footer-text:hover{opacity:1}.App{display:flex;flex-direction:column;min-height:100vh;text-align:left}.nav-logo{height:36px;object-fit:contain;width:36px}
/*# sourceMappingURL=main.c3664866.css.map*/