:root{--salongo-color-primary-dark:#0b0d12;--salongo-color-dark-surface:#11141a;--salongo-color-elevated-dark-surface:#171a22;--salongo-color-light-background:#f7f8fa;--salongo-color-light-surface:#fff;--salongo-color-surface-muted:#f2f3f5;--salongo-color-primary-accent:#ff4d7d;--salongo-color-accent-strong:#f63770;--salongo-color-accent-soft:#ffe5ed;--salongo-color-primary-pressed:#f63770;--salongo-color-primary-soft:#ffe5ed;--salongo-color-text-primary-dark:#111318;--salongo-color-text-primary-light:#fff;--salongo-color-text-secondary-dark:#626772;--salongo-color-text-secondary-light:#9ca3af;--salongo-color-text-muted:#8d929b;--salongo-color-border-light:#e7e9ed;--salongo-color-border-strong:#d1d5db;--salongo-color-border-dark:#262b35;--salongo-color-divider:#e7e9ed;--salongo-color-overlay:#0b0d1299;--salongo-color-scrim:#0006;--salongo-color-semantic-success:#10b981;--salongo-color-semantic-success-bg:#ecfdf5;--salongo-color-semantic-warning:#f59e0b;--salongo-color-semantic-warning-bg:#fffbeb;--salongo-color-semantic-error:#ef4444;--salongo-color-semantic-error-bg:#fef2f2;--salongo-color-semantic-info:#3b82f6;--salongo-color-semantic-info-bg:#eff6ff;--salongo-space-none:0px;--salongo-space-xs:4px;--salongo-space-sm:8px;--salongo-space-md:12px;--salongo-space-base:16px;--salongo-space-space20:20px;--salongo-space-lg:24px;--salongo-space-xl:32px;--salongo-space-space40:40px;--salongo-space-2xl:48px;--salongo-space-3xl:64px;--salongo-radius-none:0px;--salongo-radius-sm:6px;--salongo-radius-md:10px;--salongo-radius-control:12px;--salongo-radius-input:14px;--salongo-radius-card:16px;--salongo-radius-card-large:20px;--salongo-radius-modal:22px;--salongo-radius-bottom-sheet:24px;--salongo-radius-lg:24px;--salongo-radius-pill:9999px;--salongo-elevation-none:none;--salongo-elevation-sm:0 1px 2px #0000000a;--salongo-elevation-md:0 4px 12px #0000000f;--salongo-elevation-lg:0 10px 24px #00000014;--salongo-elevation-card-dark:0 8px 24px #00000059;--salongo-elevation-floating:0 12px 32px #0000001f;--salongo-touch-target-min:44px;--salongo-anim-duration-fast:.15s;--salongo-anim-duration-normal:.25s;--salongo-anim-duration-slow:.35s;--salongo-anim-easing-default:cubic-bezier(.16, 1, .3, 1);--salongo-font-size-display:36px;--salongo-line-height-display:44px;--salongo-font-weight-display:700;--salongo-font-size-h1:30px;--salongo-line-height-h1:38px;--salongo-font-weight-h1:700;--salongo-font-size-h2:24px;--salongo-line-height-h2:32px;--salongo-font-weight-h2:600;--salongo-font-size-h3:20px;--salongo-line-height-h3:28px;--salongo-font-weight-h3:600;--salongo-font-size-title:18px;--salongo-line-height-title:24px;--salongo-font-weight-title:600;--salongo-font-size-body:16px;--salongo-line-height-body:24px;--salongo-font-weight-body:400;--salongo-font-size-body-small:14px;--salongo-line-height-body-small:20px;--salongo-font-weight-body-small:400;--salongo-font-size-label:12px;--salongo-line-height-label:16px;--salongo-font-weight-label:500;--salongo-font-size-caption:11px;--salongo-line-height-caption:14px;--salongo-font-weight-caption:400}
:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-primary:var(--salongo-color-primary-dark);--bg-surface:var(--salongo-color-dark-surface);--bg-card:#171a22f2;--bg-elevated:var(--salongo-color-elevated-dark-surface);--text-primary:var(--salongo-color-text-primary-light);--text-secondary:var(--salongo-color-text-secondary-light);--text-muted:var(--salongo-color-text-muted);--primary:var(--salongo-color-primary-accent);--primary-hover:var(--salongo-color-accent-strong);--accent-business:var(--salongo-color-primary-accent);--accent-supplier:#10b981;--accent-admin:#f59e0b;--danger:var(--salongo-color-semantic-error);--success:var(--salongo-color-semantic-success);--warning:var(--salongo-color-semantic-warning);--border-color:var(--salongo-color-border-dark);--border-subtle:#ffffff14;--radius-sm:var(--salongo-radius-sm);--radius-md:var(--salongo-radius-control);--radius-lg:var(--salongo-radius-card);--shadow-sm:var(--salongo-elevation-sm);--shadow-md:var(--salongo-elevation-md);--shadow-lg:var(--salongo-elevation-lg);--transition-normal:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.skip-link{background:var(--primary);color:#fff;z-index:100;border-radius:0 0 var(--radius-sm) 0;padding:8px 16px;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.shell-container{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#0b0f19e6;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.logo-group{align-items:center;gap:.75rem;display:flex}.logo{letter-spacing:-.02em;color:#fff;font-size:1.25rem;font-weight:700}.portal-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.portal-badge.business{color:#818cf8;background:#6366f133;border-color:#6366f14d}.portal-badge.supplier{color:#34d399;background:#10b98133;border-color:#10b9814d}.portal-badge.admin{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b4d}.site-main{flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;padding:2rem}.card h1{margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.card p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.95rem}.tabs-nav{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.tab-button{color:var(--text-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;transition:var(--transition-normal);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}.tab-button:hover{color:var(--text-primary);background:#ffffff08}.tab-button.active{color:#fff;border-bottom-color:var(--primary);background:#3b82f61a}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.kpi-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8125rem;font-weight:600}.kpi-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.kpi-desc{color:var(--text-secondary);font-size:.8125rem}.data-table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:#ffffff05;padding:.85rem 1rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:.85rem 1rem}.data-table tr:hover td{background:#ffffff05}.status-pill{text-transform:capitalize;border-radius:9999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill.active,.status-pill.confirmed,.status-pill.delivered,.status-pill.completed{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.status-pill.pending,.status-pill.processing{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.status-pill.suspended,.status-pill.cancelled,.status-pill.refunded{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.status-pill.in_service,.status-pill.shipped{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.form-group{text-align:left;flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-normal);padding:.65rem .9rem;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #3b82f633}.button{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.button:hover{background:var(--primary-hover);transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff14}.button-secondary:hover{background:#ffffff1f}.button-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.75rem}.button-danger{background:var(--danger);color:#fff}.button-danger:hover{background:#dc2626}.button-success{background:var(--success);color:#fff}.button-success:hover{background:#059669}.surfaces-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.surface-item{border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition-normal);background:#ffffff05;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;display:flex}.surface-item:hover{border-color:var(--primary);background:#3b82f60a}.surface-title{font-size:.95rem;font-weight:600}.surface-host{color:var(--text-muted);font-size:.75rem}.site-footer{border-top:1px solid var(--border-color);height:60px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}