/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:host,:root{--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem}}@layer base{:root{--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:20px;--font-xl:24px;--font-2xl:32px;--shadow:0 10px 25px #0f172a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-background:#f5f6f8;--color-surface:#fefdfe;--color-input-background:#fefefe;--color-button-background:#fefefe;--color-title:#000;--color-text:#0c161d;--color-text-muted:#59606d;--color-icon:#59606d;--color-border:#eceef0;--color-border-secondary:#6c8ccb;font-family:Inter,system-ui,sans-serif}:root,:root[data-theme=dark]{--color-on-primary:#fff;--color-link:#1080f4}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#1854ba;--color-primary-hover:#1d63d8;--color-background:#0e1010;--color-surface:#15181b;--color-input-background:#1c1e21;--color-button-background:#1854ba;--color-title:#fff;--color-text:#fff;--color-text-muted:#8792a1;--color-icon:#9ea6b0;--color-border:#34363a;--color-border-secondary:#919292}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{background:var(--color-background);color:var(--color-text)}}@layer components{button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a,button,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-link);outline-offset:4px}.ui-icon{flex-shrink:0;width:22px;height:22px}.auth-layout,.site-layout{flex-direction:column;min-height:100dvh;display:flex}.auth-main{flex:1;place-items:center;padding:64px 24px;display:grid}.site-header{justify-content:flex-end;padding:24px;display:flex}.site-layout>main{flex:1}.app-footer{color:var(--color-text-muted);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:24px;padding:24px 40px;font-size:13px;display:flex}.app-footer button{color:var(--color-text-muted);background:0 0;border:0}.pixly-logo{justify-content:center;align-items:center;min-height:64px;display:flex}.pixly-logo img{-o-object-fit:contain;object-fit:contain;max-width:160px;height:64px}.pixly-wordmark{letter-spacing:-3px;color:var(--color-title);font-size:48px;font-weight:800;line-height:1.1}.pixly-wordmark>span{color:var(--color-primary)}.login-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow);padding:40px}.login-heading{text-align:center;margin-bottom:32px}.login-heading h1{color:var(--color-title);letter-spacing:-.4px;margin-top:20px;font-size:19px;font-weight:600;line-height:1.5}.login-form{gap:20px}.field-group,.login-form{flex-direction:column;display:flex}.field-group{gap:9px}.field-group>label{color:var(--color-text);font-size:14px;font-weight:600}.input-shell{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input-background);height:52px;color:var(--color-icon);align-items:center;gap:12px;padding:0 14px;transition:border-color .15s;display:flex}.input-shell:focus-within{border-color:var(--color-link);outline:2px solid color-mix(in srgb,var(--color-link) 15%,transparent)}.input-shell input{width:100%;min-width:0;height:100%;color:var(--color-text);background:0 0;border:0;outline:0;font-size:14px}.input-shell input::placeholder{color:var(--color-text-muted)}.icon-button{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-icon);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--color-background)}.password-toggle{margin-right:-10px}.field-group>.remember-option{min-height:32px;color:var(--color-link);cursor:pointer;align-self:flex-end;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.field-group>.remember-option input{accent-color:var(--color-primary);width:16px;height:16px}.action-button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:12px 20px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.action-button--primary{background:var(--color-primary);color:var(--color-on-primary)}.action-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.action-button--primary:disabled{opacity:.55}.action-button--secondary{color:var(--color-text);border-color:var(--color-border);background:var(--color-input-background)}.login-divider{color:var(--color-text-muted);align-items:center;gap:16px;font-size:12px;display:flex}.login-divider:after,.login-divider:before{content:"";background:var(--color-border);flex:1;height:1px}.login-note{margin-top:-10px;font-size:12px}.login-note,.registration-note{text-align:center;color:var(--color-text-muted)}.registration-note{margin-top:28px;font-size:13px;line-height:1.6}.registration-note button{color:var(--color-link);background:0 0;border:0;font-weight:600}.form-message{color:var(--color-text);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-background);overflow-wrap:anywhere;padding:12px 14px;font-size:14px;line-height:1.6}.dashboard-layout{grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}.dashboard-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;height:100dvh;padding:28px 20px;display:flex;position:sticky;top:0}.sidebar-brand{justify-content:space-between;align-items:center;margin-bottom:44px;display:flex}.sidebar-brand .pixly-wordmark{font-size:38px}.sidebar-brand .pixly-logo{justify-content:flex-start}.sidebar-caption{color:var(--color-text-muted);letter-spacing:1.4px;margin-bottom:14px;padding:0 12px;font-size:10px;font-weight:600}.sidebar-link{background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:14px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar-bottom{flex-direction:column;gap:24px;margin-top:auto;display:flex}.sidebar-bottom>span{color:var(--color-text-muted);padding:0 12px;font-size:12px;line-height:1.7}.sidebar-logout{color:var(--color-text-muted);border:0;border-top:1px solid var(--color-border);background:0 0;align-items:center;gap:12px;padding:12px;font-size:14px;display:flex}.dashboard-body{flex-direction:column;min-width:0;display:flex}.dashboard-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;min-height:88px;padding:18px 40px;display:flex}.dashboard-header-title{color:var(--color-text-muted);align-items:center;gap:12px;font-size:14px;display:flex}.header-actions{align-items:center;gap:16px;display:flex}.user-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;overflow:hidden}.user-avatar{background:var(--color-primary);width:42px;height:42px;color:var(--color-on-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.dashboard-main{flex:1;padding:48px 40px}.dashboard-content{max-width:1040px;margin:0 auto}.page-heading{margin-bottom:36px}.page-heading h1{color:var(--color-title);letter-spacing:-1px;margin:8px 0 12px;font-size:30px;font-weight:700}.page-heading>p:last-child{color:var(--color-text-muted);font-size:14px;line-height:1.7}.eyebrow{color:var(--color-text-muted);letter-spacing:1.5px;font-size:10px;font-weight:600}.branding-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px}.branding-title{border-bottom:1px solid var(--color-border);align-items:center;gap:16px;margin-bottom:28px;padding-bottom:24px;display:flex}.branding-title h2{color:var(--color-title);margin-bottom:6px;font-size:17px;font-weight:600}.branding-title p{color:var(--color-text-muted);font-size:13px;line-height:1.6}.section-icon{background:var(--color-background);width:44px;height:44px;color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0;place-items:center;display:grid}.branding-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:32px;display:grid}.logo-preview{aspect-ratio:1.15;border:1px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:32px;display:flex;position:relative}.logo-preview img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:200px}.empty-preview{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:14px;font-size:13px;display:flex}.empty-preview .ui-icon{width:36px;height:36px}.preview-caption{color:var(--color-text-muted);letter-spacing:1.5px;font-size:9px;position:absolute;bottom:20px}.upload-form{flex-direction:column;gap:16px;display:flex}.upload-form h3{color:var(--color-title);font-size:15px;font-weight:600}.upload-form>p:not(.form-message){color:var(--color-text-muted);font-size:13px;line-height:1.7}.upload-zone{border:1px dashed var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;display:flex;position:relative}.upload-zone .ui-icon{color:var(--color-primary)}.upload-zone strong{color:var(--color-link);font-size:13px;font-weight:600}.upload-zone span{color:var(--color-text-muted);font-size:11px}.upload-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-zone:focus-within{outline:2px solid var(--color-link);outline-offset:3px}.selected-file{overflow-wrap:anywhere}.mobile-menu,.sidebar-backdrop{display:none}@media (width<=1000px){.dashboard-layout{grid-template-columns:210px minmax(0,1fr)}.dashboard-header,.dashboard-main{padding-left:24px;padding-right:24px}.branding-grid{grid-template-columns:1fr}.logo-preview{aspect-ratio:auto;min-height:220px}}@media (width<=720px){.dashboard-layout{display:block}.dashboard-body{min-height:100dvh}.dashboard-sidebar{z-index:30;visibility:hidden;width:260px;transition:transform .2s;position:fixed;transform:translate(-100%)}.dashboard-sidebar.is-open{visibility:visible;transform:translate(0)}.mobile-menu{display:inline-flex}.sidebar-backdrop{z-index:20;background:color-mix(in srgb,var(--color-title) 30%,transparent);border:0;display:block;position:fixed;inset:0}.dashboard-header{min-height:76px;padding:12px 16px}.user-email{display:none}.header-actions{gap:8px}.dashboard-main{padding:32px 16px}.branding-card{padding:20px}.page-heading h1{font-size:26px}.app-footer{padding:22px 24px}}@media (width<=480px){.auth-main{padding:32px 16px}.login-card{border-radius:var(--radius-lg);padding:28px 22px}.login-heading h1{font-size:17px}}@media (prefers-reduced-motion:reduce){.action-button,.dashboard-sidebar,.input-shell{transition:none}}}@layer utilities{.visible{visibility:visible}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
