@import"https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700&display=swap";:root{font-family:Mulish,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101828;background-color:#f5f6fb;--color-primary: #FF2D55;--color-primary-hover: #FF4D6D;--color-primary-light: #FFE5EA;--color-secondary: #AF52DE;--color-accent: #D7409A;--color-accent-light: #E06AB8;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #b42318;--color-text-primary: #101828;--color-text-secondary: #475467;--color-text-tertiary: #98a2b3;--color-text-inverse: #ffffff;--color-background: #f5f6fb;--color-surface: #ffffff;--color-surface-hover: #f9fafb;--color-border: rgba(15, 23, 42, .08);--color-border-light: rgba(228, 231, 236, .8);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .02);--shadow-md: 0 4px 6px rgba(15, 23, 42, .03), 0 2px 4px rgba(15, 23, 42, .02);--shadow-lg: 0 10px 15px rgba(15, 23, 42, .04), 0 4px 6px rgba(15, 23, 42, .02);--shadow-xl: 0 20px 25px rgba(15, 23, 42, .05), 0 10px 10px rgba(15, 23, 42, .02);--shadow-2xl: 0 25px 50px rgba(15, 23, 42, .06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .18);--glass-backdrop: blur(12px);--gradient-primary: linear-gradient(135deg, #FF2D55 0%, #AF52DE 100%);--gradient-header: linear-gradient(155deg, rgba(255, 255, 255, .95) 0%, rgba(255, 229, 234, .9) 45%, rgba(245, 230, 255, .9) 90%);--gradient-subtle: linear-gradient(135deg, #f5f6fb 0%, #ffffff 100%);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-background);overflow-x:hidden;max-width:100vw}html{overflow-x:hidden;max-width:100%}a{color:inherit}button{font-family:inherit}.app-shell{min-height:100vh;background:var(--color-background);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Mulish,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.login-page{width:min(1200px,100%);max-width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00000014,0 0 0 1px #0000000a;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));box-sizing:border-box}.login-hero{position:relative;background:#fafafc url(/app/pattern.jpg) no-repeat;background-size:cover;background-position:center;color:#101828;padding:clamp(2.5rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;gap:1.5rem;min-height:520px;overflow:hidden}.login-hero__content{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;margin-bottom:.75rem;color:#101828b3;font-weight:600}.login-hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:0;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#101828}.login-hero .subtitle{color:#101828cc;font-size:clamp(1rem,2vw,1.25rem);line-height:1.5;font-weight:500;margin-top:.5rem}.login-hero__bullets{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-direction:column;gap:.75rem;color:#fffc;font-size:.95rem}.login-hero__artwork{position:absolute;inset:0;overflow:hidden;opacity:.3;z-index:1}.orb{position:absolute;border-radius:999px;filter:blur(0px);opacity:.35}.orb--one{width:280px;height:280px;background:radial-gradient(circle,#8ec5fc,#e0c3fc);top:10%;right:-60px}.orb--two{width:220px;height:220px;background:radial-gradient(circle,#a8c0ff,#b4c5ff);bottom:15%;left:-40px}.orb--three{width:160px;height:160px;background:radial-gradient(circle,#c2d9ff,#d4e4ff);bottom:5%;right:5%}.login-panel{padding:clamp(2.5rem,5vw,4rem);display:flex;flex-direction:column;gap:2rem;background:#fff}.login-panel header{margin-bottom:.5rem}.login-panel header .eyebrow{color:#0f172a99;margin-bottom:.5rem}.login-panel header h2{margin:0;font-size:clamp(1.75rem,4vw,2.25rem);color:#0f172a;font-weight:700;line-height:1.2;letter-spacing:-.01em}.env-warning{border-radius:16px;padding:1rem 1.25rem;background:#fff4ed;border:1px solid #ffc7a6;color:#a34c1b;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#475467;font-weight:500}.field input{border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:.875rem 1rem;font-size:1rem;background:#fff;color:#0f172a;transition:all .2s ease;font-family:inherit}.field input::placeholder{color:#0f172a66}.field input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;min-height:48px}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.primary-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.primary-button:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.secondary-button{background:#f8fafc;color:#0f172a;border:1px solid rgba(15,23,42,.1)}.secondary-button.outline{background:transparent;border-color:#0f172a26}.secondary-button.disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button:not(:disabled):hover{background:#f1f5f9;border-color:#0f172a33;transform:translateY(-1px)}.secondary-button.outline:not(:disabled):hover{background:#0f172a05}.divider{display:flex;align-items:center;gap:1rem;color:#0f172a80;font-size:.8125rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin:.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#0f172a1a}.social-login{display:flex;flex-direction:column;gap:.75rem}.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.link-button{background:none;border:none;color:#ff2d55;font-weight:600;cursor:pointer;font-size:.9rem;padding:.5rem;transition:color .2s ease;font-family:inherit}.link-button:hover{color:#af52de}.form-error{background:#ef44441a;color:#dc2626;padding:.75rem 1rem;border-radius:10px;font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.form-success{background:#10b9811a;color:#059669;padding:.75rem 1rem;border-radius:10px;font-size:.875rem;border:1px solid rgba(16,185,129,.2)}.validation-error{color:#dc2626;font-size:.875rem;font-weight:500}@media(max-width:900px){.login-page{border-radius:20px;grid-template-columns:1fr}.login-hero{min-height:300px;padding:2.5rem}}@media(max-width:640px){.app-shell{padding:0}.login-page{border-radius:0;min-height:100vh}.login-panel,.login-hero{padding:2rem 1.5rem}.login-hero{min-height:280px}.panel-footer{flex-direction:column;align-items:stretch;gap:.75rem}.panel-footer .link-button{text-align:center}}.spinner{width:48px;height:48px;border:4px solid rgba(15,23,42,.1);border-top-color:#0f172a66;border-radius:9999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-button{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;transition:opacity .2s}.back-button:hover{opacity:.7}.back-button:active{opacity:.5}.back-button svg{display:block}.screen-layout{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden}.screen-layout__tabs{position:relative;z-index:10}.screen-layout__header{position:sticky;top:0;z-index:10;background:var(--background-color, #ffffff);border-bottom:1px solid var(--border-color, #e5e5e5);padding:.75rem 1rem}.screen-layout__header-content{display:flex;align-items:center;gap:1rem;max-width:100%}.screen-layout__header-label{font-size:1.125rem;font-weight:600;color:var(--text-color, #000000)}.screen-layout__header-custom{flex:1;display:flex;justify-content:flex-end}.screen-layout__content{flex:1;width:100%;max-width:100%;overflow-x:hidden}.screen-layout__tab-spacer{height:80px}