*{box-sizing:border-box}:root{--brand: #2f78f6;--brand-2: #63a3ff;font-family:Inter,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#edf3ff;background:#07111d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;min-height:100%;height:100%}body{background:radial-gradient(circle at top,#122843,#07111d 45%,#040d16)}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;padding:32px;gap:32px;align-items:center}.auth-hero{padding:32px;background:#111f31cc;border:1px solid rgba(125,168,215,.2);border-radius:24px;min-height:520px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 20px 50px #00000038}.hero-badge{width:fit-content;padding:8px 12px;border-radius:999px;background:#608dff1f;color:#a9cbff;letter-spacing:.18em;font-size:.8rem;font-weight:700}.auth-hero h1{margin:18px 0 12px;font-size:clamp(3rem,6vw,6rem);line-height:.9}.auth-hero p{color:#d4e5fb;font-size:1.1rem}.auth-hero ul{margin:24px 0 0;padding-left:18px;color:#d4e5fb;display:grid;gap:10px}.auth-card{background:#0b141ee6;border:1px solid rgba(125,168,215,.2);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 50px #00000038}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;border-radius:12px;background:#ffffff0a;gap:6px}.segmented-control button{border:none;border-radius:10px;padding:12px 14px;background:transparent;color:#dfeaf7;font-weight:600}.segmented-control .active{background:#1e5fbe}label{display:flex;flex-direction:column;gap:8px;color:#dfeaf7;font-size:.95rem}input,textarea,select{width:100%;border-radius:12px;border:1px solid rgba(142,176,214,.3);background:#0b141ee6;color:#fff;padding:12px 14px}textarea{resize:vertical}.primary-button{border:none;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;padding:12px 18px;font-weight:700}.primary-button.small{padding:10px 14px;font-size:.92rem}.dashboard-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#09121cf5;border-right:1px solid rgba(146,177,217,.18);padding:24px 18px;display:flex;flex-direction:column;gap:24px}.sidebar-header{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#2a7ae7,#7db8ff)}.sidebar-header h3{margin:0}.sidebar-header small{color:#a8c6ee}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{border:none;border-radius:12px;padding:12px 14px;text-align:left;background:transparent;color:#dfeaf7}.nav-item.active{background:color-mix(in srgb,var(--brand) 18%,transparent);border:1px solid color-mix(in srgb,var(--brand) 40%,transparent)}.profile-box{margin-top:auto;background:#132131cc;border:1px solid rgba(141,174,215,.2);border-radius:16px;padding:16px}.profile-box p,.profile-box small{margin:0}.logout-button{margin-top:16px;width:100%;border:none;background:#ffffff14;color:#fff;border-radius:10px;padding:10px 12px}.main-panel{padding:26px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.1em;color:#a5c4ef;font-size:.75rem}.topbar h2{margin:6px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat-card{background:#0e1a26cc;border:1px solid rgba(141,174,215,.2);border-radius:18px;padding:20px 18px}.stat-card span{color:#afc9ef}.stat-card strong{display:block;margin-top:8px;font-size:2rem}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:24px}.client-grid{margin-top:26px}.panel-box{background:#0e1a26cc;border:1px solid rgba(141,174,215,.2);border-radius:20px;padding:22px}.panel-box h3{margin-top:0}.order-form{display:flex;flex-direction:column;gap:14px}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-list{display:grid;gap:12px}.order-item{width:100%;text-align:left;border:1px solid rgba(141,174,215,.18);background:#132234e6;color:#fff;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.order-item.selected{border-color:#6fabffcc;box-shadow:0 0 0 1px #6fabff59}.order-select{width:100%;border:none;background:transparent;color:inherit;text-align:left;padding:0}.order-headline{display:flex;justify-content:space-between;gap:10px;align-items:center}.order-actions{display:flex;gap:8px}.mini-button,.ghost-button,.filter-select{border-radius:10px;border:1px solid rgba(141,174,215,.18);background:#ffffff08;color:#fff;padding:8px 10px}.mini-button.edit{background:#4f96ff26}.mini-button.delete{background:#ff656526}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.filter-select{min-width:130px}.status-tag{border-radius:999px;padding:4px 8px;font-size:.72rem;text-transform:uppercase;font-weight:700}.status-tag.pendiente{background:#f2bb3626;color:#f0cd73}.status-tag.en_proceso{background:#52a3ff26;color:#9fcbff}.status-tag.completada{background:#2bc08126;color:#8de0bb}.status-tag.cancelada{background:#ff5c5c26;color:#ff9e9e}.detail-panel{margin-top:24px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:12px}.label{margin:0 0 8px;color:#a5c4ef;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.detail-description{margin-top:18px}.muted{color:#b7cce9}@media (max-width: 980px){.auth-layout,.dashboard-layout,.content-grid,.stats-grid,.detail-grid,.two-columns{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid rgba(146,177,217,.18)}}.role-badge{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 20%,transparent);color:#a9cbff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.role-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 18px;background:#0e1a26cc;border:1px solid rgba(141,174,215,.2);border-radius:18px}.role-header h3{margin:4px 0 0}.search-input{max-width:340px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.report-list,.trend-list{display:grid;gap:12px}.report-meta{display:flex;justify-content:space-between;margin-bottom:6px;color:#d4e5fb}.report-bar,.trend-bar{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden}.report-bar span,.trend-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.trend-item{display:grid;grid-template-columns:72px 1fr 32px;align-items:center;gap:10px;color:#d4e5fb}.trend-item strong{text-align:right}.two-column-layout,.client-grid{align-items:start}@media (max-width: 980px){.report-grid{grid-template-columns:1fr}.role-header{flex-direction:column;align-items:stretch}.search-input{max-width:none}}input,textarea,select{width:100%;border-radius:12px;border:1px solid rgba(141,174,215,.22);background:#07111db3;color:#edf3ff;padding:11px 12px}label{display:flex;flex-direction:column;gap:6px;color:#c9dbf3;font-size:.92rem}button:disabled{opacity:.55;cursor:default}.nav-icon{display:inline-block;width:1.4em;text-align:center}.mobile-topbar,.bottom-nav{display:none}.view{display:flex;flex-direction:column;gap:18px;max-width:1100px}.view-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.view-header h2{margin:4px 0 0}.panel-box.highlight{border-color:#2bc08180}.temp-password{font-family:ui-monospace,Consolas,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.06em;margin:0;word-break:break-all}.toolbar{display:flex;gap:10px}.toolbar .search-input{max-width:none;flex:1}.toolbar .filter-select{width:auto}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.order-card{background:#132234eb;border:1px solid rgba(141,174,215,.18);border-left:4px solid rgba(99,163,255,.6);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.order-card.overdue{border-left-color:#ff7a7a}.order-card.selected{border-color:#6fabffcc}.order-card h3{margin:0;font-size:1.08rem}.order-card .muted{margin:0}.card-button{border:none;background:transparent;color:inherit;text-align:left;padding:0;display:flex;flex-direction:column;gap:8px}.card-detail{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(141,174,215,.15);padding-top:10px}.order-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.order-card-text,.notes-text{margin:0;color:#d4e5fb;white-space:pre-wrap}.due{margin-left:auto;font-size:.82rem;color:#b7cce9}.due.late{color:#ff9e9e;font-weight:700}.priority-tag{border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700;text-transform:uppercase;background:#ffffff0f;color:#c9dbf3}.priority-tag.alta{background:#ffa04029;color:#ffc58a}.priority-tag.urgente{background:#ff5c5c33;color:#ff9e9e}.client-box{display:flex;flex-direction:column;gap:6px;background:#07111d8c;border-radius:12px;padding:10px 12px}.contact-link{color:#9fcbff;text-decoration:none;padding:4px 0;overflow-wrap:anywhere}.notes summary{cursor:pointer;color:#a5c4ef}.notes p{white-space:pre-wrap;margin:6px 0 0;color:#d4e5fb}.big-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}.big-button{border:none;border-radius:14px;padding:16px 12px;font-size:1.05rem;font-weight:800;color:#fff;min-height:56px}.big-button.start{background:linear-gradient(135deg,var(--brand),var(--brand-2))}.big-button.done{background:linear-gradient(135deg,#179a63,#2bc081)}.empty{text-align:center;padding:32px 12px}.stat-card{color:inherit;text-align:left}.recent-item{display:flex;justify-content:space-between;align-items:center;gap:10px}.recent-item div{display:flex;flex-direction:column}.logo.small{width:34px;height:34px;border-radius:10px;flex-shrink:0}@media (max-width: 760px){.dashboard-layout{display:block}.sidebar{display:none}.mobile-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:#09121cf7;border-bottom:1px solid rgba(146,177,217,.18)}.mobile-title{flex:1;min-width:0;display:flex;flex-direction:column}.mobile-title strong,.mobile-title small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-title small{color:#a8c6ee}.main-panel{padding:16px 16px calc(84px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;background:#09121cfa;border-top:1px solid rgba(146,177,217,.18);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:none;background:transparent;color:#8fa9cc;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px 10px;font-size:.74rem;min-height:60px}.bottom-nav button .nav-icon{font-size:1.25rem}.bottom-nav button.active{color:#fff;background:color-mix(in srgb,var(--brand) 22%,transparent)}.card-list{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:1.6rem}.report-grid,.two-columns{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar .filter-select{width:100%}.view-header h2{font-size:1.35rem}.auth-layout{padding:16px}input,textarea,select{font-size:16px}}img.logo{display:block;background:none;object-fit:contain}.hero-logo{width:72px;height:72px;margin-bottom:18px}.brand-box h3{margin-top:0}.brand-logo-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.brand-logo-preview{width:96px;height:96px;object-fit:contain;border-radius:16px;background:#ffffff0f;padding:8px}.brand-logo-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.brand-upload{cursor:pointer}.brand-palettes{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin-bottom:14px}.brand-swatch{height:56px;border-radius:12px;border:2px solid transparent;color:#fff;font-weight:700;display:flex;align-items:flex-end;padding:6px 8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.brand-swatch.active{border-color:#fff}.brand-preview{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}input[type=color]{width:100%;height:44px;padding:2px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:transparent}.muted.small{font-size:.85rem;margin:0}