@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#007bff;--color-primary-hover:#0056b3;--color-secondary:#263238;--color-secondary-hover:#1b2428;--color-accent:#e6f2ff;--color-bg-main:#fff;--color-bg-surface:#f8f9fa;--color-border:#eceff1;--color-text-primary:#263238;--color-text-muted:#607d8b;--color-success:#28a745;--color-danger:#dc3545;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-h1:1.75rem;--font-size-h2:1.375rem;--font-size-h3:1.125rem;--font-size-lead:1rem;--font-size-body:.875rem;--font-size-small:.75rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-xxl:2rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:9999px;--shadow-sm:0px 2px 8px #2632380a;--shadow-md:0px 4px 16px #2632380f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background-color:var(--color-bg-main);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{flex-direction:column;min-height:100vh;display:flex}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-secondary);line-height:1.2}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-secondary);line-height:1.3}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-secondary);line-height:1.4}p{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}.btn-primary{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-bg-main);background-color:var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;width:100%;transition:background-color .2s,transform .1s;display:inline-flex}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;text-align:center;background-color:#0000;justify-content:center;align-items:center;width:100%;transition:background-color .2s,color .2s,transform .1s;display:inline-flex}.btn-secondary:hover{background-color:var(--color-secondary);color:var(--color-bg-main)}.btn-secondary:active{transform:scale(.98)}.form-input{width:100%;font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-bg-main);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.form-input::placeholder{color:var(--color-text-muted)}.form-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;display:block}.card{background-color:var(--color-bg-main);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-md);border-color:#007bff26}.badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-primary);justify-content:center;align-items:center;display:inline-flex}.badge-admin{color:#2e7d32!important;background-color:#e8f5e9!important}.badge-professional{color:#e65100!important;background-color:#fff3e0!important}.badge-store{color:#00838f!important;background-color:#e0f7fa!important}.badge-client{background-color:var(--color-accent)!important;color:var(--color-primary)!important}