:root{--ipc-orange:#ed7d31;--ipc-orange-dark:#c85a17;--ipc-orange-light:#f4b183;--ipc-orange-bg:#fdf0e8;--ipc-blue:#5b9bd5;--ipc-blue-dark:#3c5a7d;--ipc-blue-light:#a9cce3;--ipc-blue-bg:#eaf2fb;--bg:#f5f5f7;--surface:#fff;--surface-alt:#fafafa;--border:#e5e5e8;--border-strong:#d1d1d6;--fg:#1a1a2e;--fg-secondary:#4a4a5e;--muted:#8a8a9a;--muted-light:#b0b0c0;--green:#2e7d32;--green-bg:#e8f5e9;--green-border:#a5d6a7;--orange:#ed7d31;--orange-bg:#fdf0e8;--orange-border:#f4b183;--red:#c62828;--red-bg:#ffebee;--red-border:#ef9a9a;--blue:#1565c0;--blue-bg:#e3f2fd;--blue-border:#90caf9;--font-display:"Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 1px 3px #0000000a;--shadow-lg:0 8px 24px #0000001a, 0 2px 6px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;height:64px;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.ipc-logo{background:var(--ipc-orange);color:#fff;letter-spacing:-.5px;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:flex;box-shadow:0 2px 6px #ed7d314d}.header-titles{flex-direction:column;display:flex}.header-titles .brand{color:var(--fg);font-size:14px;font-weight:700}.header-titles .sub{color:var(--muted);font-size:12px}.header-nav{align-items:center;gap:4px;display:flex}.header-nav-item{border-radius:var(--radius-sm);color:var(--fg-secondary);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s}.header-nav-item:hover{background:var(--bg);color:var(--fg)}.header-nav-item.active{background:var(--ipc-orange-bg);color:var(--ipc-orange-dark)}.header-user{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--ipc-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.user-info{font-size:13px}.user-info .name{color:var(--fg);font-weight:600}.user-info .role{color:var(--muted);font-size:11px}.tabs-bar{background:var(--surface);border-bottom:1px solid var(--border);gap:0;padding:0 32px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.tab:hover{color:var(--fg-secondary)}.tab.active{color:var(--ipc-orange-dark);border-bottom-color:var(--ipc-orange);font-weight:600}.tab-num{background:var(--bg);width:22px;height:22px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.tab.active .tab-num{background:var(--ipc-orange);color:#fff}.page{max-width:1200px;margin:0 auto;padding:28px 32px}.page-title{color:var(--fg);margin-bottom:4px;font-size:22px;font-weight:700}.page-subtitle{color:var(--muted);margin-bottom:24px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{color:var(--fg);font-size:15px;font-weight:600}.card-body{padding:20px}.badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-orange{background:var(--orange-bg);color:var(--ipc-orange-dark);border:1px solid var(--orange-border)}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-blue{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.badge-gray{color:var(--muted);border:1px solid var(--border-strong);background:#f0f0f2}.badge-dot{border-radius:50%;width:8px;height:8px}.form-section-nav{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:0;margin-bottom:24px;display:flex;overflow:hidden}.form-section-tab{min-width:120px;color:var(--muted);cursor:pointer;border:none;border-right:1px solid var(--border);background:0 0;flex:1;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.form-section-tab:last-child{border-right:none}.form-section-tab:hover{background:var(--surface);color:var(--fg-secondary)}.form-section-tab.active{background:var(--surface);color:var(--ipc-orange-dark);box-shadow:inset 0 -2px 0 var(--ipc-orange);font-weight:600}.form-section-tab .req{color:var(--ipc-orange)}.form-section-tab .check{color:var(--green)}.form-group{margin-bottom:16px}.form-label{color:var(--fg-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-label .req{color:var(--ipc-orange)}.form-hint{color:var(--muted);margin-top:4px;font-size:12px}.form-input,.form-select,.form-textarea{border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;font-size:14px;font-family:var(--font-body);color:var(--fg);background:var(--surface);padding:10px 12px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ipc-orange);outline:none;box-shadow:0 0 0 3px #ed7d311f}.form-textarea{resize:vertical;min-height:80px}.form-row{gap:16px;display:flex}.form-row>*{flex:1}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--ipc-orange);color:#fff;box-shadow:0 2px 6px #ed7d3140}.btn-primary:hover{background:var(--ipc-orange-dark)}.btn-secondary{background:var(--surface);color:var(--fg-secondary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:#1b5e20}.btn-sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.stepper{align-items:stretch;gap:0;margin:24px 0;display:flex}.step{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 8px;display:flex;position:relative}.step:before{content:"";background:var(--border-strong);z-index:0;width:100%;height:3px;position:absolute;top:20px;left:-50%}.step:first-child:before{display:none}.step.done:before{background:var(--green)}.step.active:before{background:var(--ipc-orange)}.step-circle{z-index:1;border:3px solid var(--border-strong);background:var(--surface);width:40px;height:40px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:16px;font-weight:700;display:flex}.step.done .step-circle{border-color:var(--green);background:var(--green);color:#fff}.step.active .step-circle{border-color:var(--ipc-orange);background:var(--ipc-orange);color:#fff}.step-label{color:var(--muted);font-size:12px;font-weight:600;line-height:1.3}.step.done .step-label{color:var(--green)}.step.active .step-label{color:var(--ipc-orange-dark)}.step-sub{color:var(--muted-light);margin-top:2px;font-size:11px}.progress-bar{background:var(--border);border-radius:4px;height:8px;margin:8px 0;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .4s}.progress-fill.green{background:var(--green)}.progress-fill.orange{background:var(--ipc-orange)}.request-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;transition:box-shadow .15s;overflow:hidden}.request-card:hover{box-shadow:var(--shadow-md)}.request-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.request-card-body{padding:16px 20px}.request-meta{flex-wrap:wrap;gap:24px;margin-bottom:12px;display:flex}.request-meta-item{flex-direction:column;gap:2px;display:flex}.request-meta-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.request-meta-value{color:var(--fg);font-size:14px;font-weight:500}.project-detected{background:var(--ipc-blue-bg);color:var(--ipc-blue-dark);border:1px solid var(--ipc-blue-light);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.project-missing{background:var(--orange-bg);color:var(--ipc-orange-dark);border:1px solid var(--orange-border);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.kelio-circuit{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kelio-step-done{color:var(--green);align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.prep-panel{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);margin-top:12px;padding:16px}.prep-row{flex-wrap:wrap;gap:16px;display:flex}.prep-row>*{flex:1;min-width:200px}.prep-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.prep-item-title{color:var(--fg);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.info-box{background:var(--ipc-blue-bg);border:1px solid var(--ipc-blue-light);border-radius:var(--radius);color:var(--ipc-blue-dark);align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.success-banner{background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--radius-lg);align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.success-icon{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.success-title{color:var(--green);font-size:16px;font-weight:700}.success-sub{color:var(--fg-secondary);font-size:13px}.next-steps{padding:0;list-style:none}.next-steps li{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.next-steps li:last-child{border-bottom:none}.next-step-num{background:var(--ipc-orange-bg);width:28px;height:28px;color:var(--ipc-orange-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.next-step-title{color:var(--fg);font-size:14px;font-weight:600}.next-step-desc{color:var(--muted);font-size:13px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.detail-grid{grid-template-columns:1fr}}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.detail-value{color:var(--fg);font-size:14px;font-weight:500}.section-icon{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:inline-flex}.divider{background:var(--border);height:1px;margin:20px 0}.two-col{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.toggle-chip{border-radius:var(--radius);border:1px solid var(--border-strong);cursor:pointer;background:var(--surface);color:var(--fg-secondary);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.toggle-chip:hover{border-color:var(--ipc-orange)}.toggle-chip.active{background:var(--ipc-orange-bg);border-color:var(--ipc-orange);color:var(--ipc-orange-dark)}.toggle-chip input{accent-color:var(--ipc-orange)}.etape-badge{background:var(--ipc-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}
