@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-50: #eff6ff;--brand-100: #dbeafe;--brand-200: #bfdbfe;--brand-500: #3b82f6;--brand-600: #2563eb;--brand-700: #1d4ed8;--brand-900: #1e3a8a;--bg: #ffffff;--bg-soft: #f7f8fa;--bg-muted: #eef0f4;--surface: #ffffff;--border: #e4e7ec;--border-strong: #d0d5dd;--text: #101828;--text-muted: #475467;--text-subtle: #667085;--success: #16a34a;--success-soft: #dcfce7;--warning: #d97706;--warning-soft: #fef3c7;--danger: #dc2626;--danger-soft: #fee2e2;--info: #0284c7;--info-soft: #e0f2fe;--font-sans: -apple-system, "SF Pro Display", "SF Pro Text", BlinkMacSystemFont, system-ui, sans-serif;--font-display: -apple-system, "SF Pro Display", "SF Pro Text", BlinkMacSystemFont, system-ui, sans-serif;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08), 0 2px 4px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .1), 0 4px 8px rgba(16, 24, 40, .04)}[data-theme=dark]{--bg: #0b1020;--bg-soft: #0f1629;--bg-muted: #182037;--surface: #131a2e;--border: #243049;--border-strong: #2f3d5c;--text: #f3f5fa;--text-muted: #b6c0d4;--text-subtle: #8a96b0;--success-soft: #052e1a;--warning-soft: #3a2807;--danger-soft: #3a1212;--info-soft: #082a3d;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3)}*{box-sizing:border-box}.pco{font-family:var(--font-sans);color:var(--text);background:var(--bg);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.pco h1,.pco h2,.pco h3,.pco h4{font-family:var(--font-display);margin:0;letter-spacing:-.02em;color:var(--text)}.pco button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-sm);font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .12s ease;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--brand-600);color:#fff;box-shadow:0 1px #ffffff26 inset,var(--shadow-xs)}.btn-primary:hover{background:var(--brand-700)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-soft)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-muted);color:var(--text)}.btn-danger{background:var(--surface);color:var(--danger);border-color:var(--border-strong)}.btn-lg{height:48px;padding:0 20px;font-size:15px;border-radius:var(--r-md)}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;color:var(--text)}.field-hint{font-size:12px;color:var(--text-subtle)}.field-error{font-size:12px;color:var(--danger)}.input,.select,.textarea{width:100%;height:44px;padding:0 14px;font-family:inherit;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);transition:border-color .12s,box-shadow .12s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 4px color-mix(in oklab,var(--brand-500) 18%,transparent)}.input.is-error,.select.is-error{border-color:var(--danger)}.textarea{height:auto;padding:12px 14px;min-height:96px;resize:vertical;line-height:1.5}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:42px}.input-group .input.has-suffix{padding-right:56px}.input-icon{position:absolute;left:14px;display:inline-flex;color:var(--text-subtle);pointer-events:none;z-index:1}.input-suffix{position:absolute;right:14px;font-size:13px;color:var(--text-subtle);pointer-events:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-xs)}.card-pad{padding:24px}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--bg-muted);color:var(--text-muted)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-brand{background:var(--brand-50);color:var(--brand-700)}[data-theme=dark] .badge-brand{background:color-mix(in oklab,var(--brand-500) 22%,transparent);color:var(--brand-200)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;flex-shrink:0}.divider{height:1px;background:var(--border);border:0;margin:0}.kbd{display:inline-flex;align-items:center;justify-content:center;height:20px;min-width:20px;padding:0 5px;border-radius:4px;background:var(--bg-muted);border:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-muted);font-family:var(--font-sans)}.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:var(--shadow-sm),inset 0 -2px #0000001f;flex-shrink:0}.logo-text{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;color:var(--text)}.progress{height:8px;background:var(--bg-muted);border-radius:999px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--brand-500);border-radius:999px;transition:width .3s ease}.progress-fill.is-warning{background:var(--warning)}.progress-fill.is-danger{background:var(--danger)}.steps{display:flex;align-items:center;gap:12px}.step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-subtle);font-weight:500}.step-num{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-subtle);font-size:12px;font-weight:700;border:1px solid var(--border);flex-shrink:0}.step.is-active{color:var(--text)}.step.is-active .step-num{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.step.is-done .step-num{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-200)}[data-theme=dark] .step.is-done .step-num{background:color-mix(in oklab,var(--brand-500) 22%,transparent);color:var(--brand-200);border-color:color-mix(in oklab,var(--brand-500) 35%,transparent)}.step-divider{flex:1;height:2px;background:var(--border);border-radius:2px;min-width:24px}.avatar{width:32px;height:32px;border-radius:999px;background:var(--brand-100);color:var(--brand-700);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;border:1px solid var(--border);flex-shrink:0}[data-theme=dark] .avatar{background:color-mix(in oklab,var(--brand-500) 24%,transparent);color:var(--brand-200)}.nav-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:var(--r-xs);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;border:0;background:transparent;width:100%;text-align:left;text-decoration:none;transition:background .1s,color .1s}.nav-item:hover{background:var(--bg-muted);color:var(--text)}.nav-item.is-active{background:var(--brand-50);color:var(--brand-700);font-weight:600}[data-theme=dark] .nav-item.is-active{background:color-mix(in oklab,var(--brand-500) 20%,transparent);color:var(--brand-200)}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.tbl thead th{text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.tbl tbody td{padding:16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover td{background:var(--bg-soft);cursor:pointer}.empty{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);padding:32px;text-align:center;color:var(--text-muted)}.upload{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);padding:24px;text-align:center;background:var(--bg-soft);transition:all .12s;cursor:pointer}.upload:hover{border-color:var(--brand-500);background:color-mix(in oklab,var(--brand-500) 5%,var(--bg-soft))}.upload-active{border-color:var(--brand-500);background:color-mix(in oklab,var(--brand-500) 8%,var(--bg-soft))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1018288c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:32px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:slideUp .2s ease}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.mono-num{font-variant-numeric:tabular-nums}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:22px}.text-3xl{font-size:28px;line-height:1.15}.text-4xl{font-size:36px;line-height:1.1}.text-5xl{font-size:44px;line-height:1.05}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.page-content{flex:1;overflow:auto;padding:24px 32px;display:flex;flex-direction:column;gap:20px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.two-col-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:16px}.obras-grid,.three-col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.obra-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.obra-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.obra-body-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.topbar{padding:20px 32px}.mobile-nav{display:none}@media(max-width:1024px){.topbar-subtitle{display:none}.obras-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{display:none!important}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;z-index:100;padding:8px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.main-content{padding-bottom:68px}.page-content{padding:16px;gap:16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.two-col-grid,.obras-grid{grid-template-columns:1fr}.three-col-grid{grid-template-columns:repeat(2,1fr)}.auth-grid{grid-template-columns:1fr}.auth-grid .auth-hero{display:none}.auth-form-col{padding:32px 24px!important}.obra-stat-grid{grid-template-columns:repeat(3,1fr);overflow-x:auto}.obra-kpi-grid,.obra-body-grid,.form-grid-2{grid-template-columns:1fr}.form-grid-4{grid-template-columns:repeat(2,1fr)}.topbar{padding:14px 16px}.topbar-subtitle{display:none}.topbar-title{font-size:20px!important;line-height:1.2!important}.topbar-row{flex-wrap:wrap;gap:12px!important;align-items:flex-start!important}.topbar-actions{flex-wrap:wrap;gap:6px!important}.topbar-actions .btn{height:36px;padding:0 10px;font-size:13px}.modal-backdrop{padding:0;align-items:flex-end}.modal-content{width:100%!important;max-width:100%!important;max-height:93vh!important;border-radius:20px 20px 0 0!important}.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl{min-width:560px}}@media(max-width:480px){.kpi-grid,.three-col-grid{grid-template-columns:1fr}}