@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#f8fafc;--surface:#fff;--surface-alt:#f1f5f9;--border:#e2e8f0;--border-focus:#cbd5e1;--text:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--accent-ring:#2563eb33;--op-color:var(--accent);--op-bg:var(--accent-light);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:4px;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000000d;--navbar-height:64px;--transition:.2s ease-in-out}body.theme-masorange{--op-color:#f60;--op-bg:#ff660014}body.theme-vodafone_ftth,body.theme-vodafone_hfc{--op-color:#e60000;--op-bg:#e6000014}body.theme-adamo{--op-color:#c89000;--op-bg:#fbba001f}body.theme-cierre{--op-color:#10b981;--op-bg:#10b98114}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.hidden{display:none!important}.app-navbar{height:var(--navbar-height);background:var(--surface);border-bottom:1.5px solid var(--border);box-shadow:var(--shadow-sm);z-index:100;align-items:center;gap:1rem;padding:0 1rem;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.brand-logo{background:var(--accent);border-radius:var(--radius-sm);color:#fff;width:34px;height:34px}.brand-text-group{flex-direction:column;line-height:1.2;display:flex}.brand-name{color:#0f172a;letter-spacing:-.4px;font-size:16.5px;font-weight:800}.brand-tools{color:#64748b}.brand-tag{color:#64748b;font-size:11px;font-weight:600}.navbar-center{flex:1;align-items:center;display:flex;overflow:hidden}.tab-bar{gap:3px;display:flex}.tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition);font-size:12.5px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;padding:5px 12px}.tab-btn:hover{background:var(--bg);color:var(--text)}.tab-btn.active{background:var(--op-bg);color:var(--op-color);font-weight:600}.app-wrapper{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-content-wrapper{flex:1;padding:1rem;overflow:hidden}.app-main{flex-direction:column;height:100%;display:flex}.workspace-grid{grid-template-columns:1fr 1.5fr 1fr;gap:1rem;height:100%;display:grid}.workspace-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;min-height:0;display:flex;overflow:hidden}.card-header{border-bottom:1.5px solid var(--border);background:var(--surface);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.card-header-icon{border-radius:var(--radius-sm);background:var(--op-bg);width:32px;height:32px;color:var(--op-color);justify-content:center;align-items:center;display:flex}.card-header-info h2{color:var(--text);font-size:14.5px;font-weight:700}.card-header-info span{color:var(--text-muted);font-size:11.5px}.card-scroll{scrollbar-width:thin;flex:1;padding:1.25rem;overflow-y:auto}.card-scroll::-webkit-scrollbar{width:4px}.card-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.field-group{flex-direction:column;gap:6px;display:flex}.field-group label{color:var(--text-muted);font-size:11.5px;font-weight:600}.field-group label .required-asterisk{color:var(--error);margin-left:2px}.field-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);padding:8px 12px;font-size:13px}.field-input:focus{border-color:var(--op-color);box-shadow:0 0 0 3px var(--op-bg);outline:none}.missing-field{background-color:#fef2f2!important;border-color:#ef4444!important}.paste-area{font-family:var(--font-mono);font-size:12.5px}select.field-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.btn-primary{background:var(--op-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px var(--op-bg);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-muted);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg);color:var(--text);border-color:var(--border-focus)}.template-output{border:1.5px dashed var(--border);font-family:var(--font-mono);background:#f8fafc;font-size:12px;line-height:1.6}.toast{color:#fff;opacity:0;pointer-events:none;z-index:1000;background:#1e293b;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 15px -3px #0000001a}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}