@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";
:root{--color-primary:#f50;--color-primary-hover:#e64a00;--color-primary-soft:#ffe8dc;--color-primary-soft-hover:#ffd9c2;--color-secondary:#0c1c24;--color-secondary-hover:#1a2d38;--color-tertiary:#0093fb;--color-neutral:#8a726a;--color-success:#16a34a;--color-success-soft:#dcfce7;--color-warning:#f59e0b;--color-warning-soft:#fef3c7;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-soft:#fee2e2;--color-info:#0093fb;--color-info-soft:#dbeafe;--bg-app:#fff7f1;--bg-card:#fff;--bg-muted:#faf3ee;--bg-sidebar:#fff;--bg-header:#fff7f1;--text-strong:#0c1c24;--text-body:#3a3a3a;--text-muted:#8a8a8a;--text-on-primary:#fff;--border-soft:#f1e6dd;--border-medium:#e5d5c8;--border-default:var(--border-medium);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-card:0 1px 2px #0c1c240a, 0 4px 12px #0c1c240a;--shadow-elevated:0 4px 16px #0c1c2414;--shadow-auth-card:0 8px 32px #0c1c240f, 0 2px 8px #0c1c240a;--auth-bg-gradient:linear-gradient(135deg, #fff9f5 0%, #fff7f1 40%, #fff0e8 100%);--auth-hex-opacity:.14;--overlay-modal:#0c1c2473;--z-base:0;--z-raised:1;--z-sticky:20;--z-sidebar:15;--z-header:20;--z-tooltip:100;--z-modal:var(--z-overlay-modal);--z-toast:var(--z-dropdown);--z-overlay-sidebar:14;--z-overlay-modal:100;--z-overlay-drawer:199;--z-dropdown:200;--bg-surface:#fff;--surface-hover:#0000000a;--dot-size-sm:6px;--dot-size-md:8px;--dot-size-lg:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:"Manrope", system-ui, -apple-system, sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:36px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-normal:1.5;--sidebar-width:220px;--sidebar-width-collapsed:64px;--sidebar-width-current:var(--sidebar-width);--header-height:64px;--comercial-banner-height:38px;--z-comercial-banner:21;--comercial-banner-offset:0px;--bp-mobile:640px;--bp-header-compact:768px;--bp-tablet:1024px;--bp-desktop:1280px;--bp-wide:1440px;--page-max-width:1440px;--fs-kpi-value:clamp(20px, 2vw, 28px);--fs-page-title:clamp(22px, 2.4vw, 28px);--transition-fast:.15s ease;--transition-base:.2s ease}[data-sidebar=collapsed]{--sidebar-width-current:var(--sidebar-width-collapsed)}[data-sidebar=drawer]{--sidebar-width-current:0px}[data-comercial-view=true]{--comercial-banner-offset:var(--comercial-banner-height)}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-body);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-strong);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.container{max-width:1440px;margin:0 auto}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--sm{gap:var(--space-2)}.stack--lg{gap:var(--space-6)}.row{align-items:center;gap:var(--space-3);display:flex}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.muted{color:var(--text-muted)}.strong{color:var(--text-strong);font-weight:var(--fw-semibold)}.text-right{text-align:right}.text-center{text-align:center}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.uppercase{text-transform:uppercase;letter-spacing:.04em}.is-hidden{display:none!important}.is-visible{display:block!important}
.app-shell{min-height:100vh}.header{top:var(--comercial-banner-offset);height:var(--header-height);background:var(--bg-header);border-bottom:1px solid var(--border-soft);padding:0 var(--space-5);align-items:center;gap:var(--space-3);z-index:var(--z-header);display:flex;position:fixed;left:0;right:0}.header__left{align-items:center;gap:var(--space-2);min-width:var(--sidebar-width);flex-shrink:0;display:flex}.header__sidebar-toggle svg{width:20px;height:20px}.header__brand{align-items:center;gap:var(--space-2);color:inherit;text-decoration:none;display:flex}.header__brand-logo{flex-shrink:0;width:auto;height:28px}.header__brand-sub{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-medium);white-space:nowrap}.header__search{flex:1;max-width:520px}.header__actions{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.header__icon-btn{position:relative}.header__icon-btn svg{width:18px;height:18px}.header__badge{min-width:calc(var(--dot-size-lg) + 6px);height:calc(var(--dot-size-lg) + 6px);padding:0 var(--space-1);background:var(--color-primary);color:var(--text-on-primary);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);border:2px solid var(--bg-header);justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.sidebar-notif-badge{background:var(--color-danger);color:var(--text-on-primary);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);min-width:calc(var(--dot-size-lg) + 8px);padding:1px var(--space-2);margin-left:auto;line-height:1.4}.sidebar-notif-badge--primary{background:var(--color-primary)}.header__user{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border-soft);padding:4px 10px 4px 4px;display:flex}.header__avatar{background:var(--color-secondary);width:28px;height:28px;color:var(--text-on-primary);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.header__user-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-strong)}@media (max-width:768px){.header__user-name,.header__brand-sub{display:none}.header__left{min-width:auto}}.comercial-banner{height:var(--comercial-banner-height);z-index:var(--z-comercial-banner);background:var(--color-primary);color:var(--text-on-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:center;padding:0 var(--space-4);white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.sidebar{top:calc(var(--header-height) + var(--comercial-banner-offset));width:var(--sidebar-width);height:calc(100vh - var(--header-height) - var(--comercial-banner-offset));background:var(--bg-sidebar);border-right:1px solid var(--border-soft);z-index:var(--z-sidebar);transition:width var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;position:fixed;left:0}[data-sidebar=collapsed] .sidebar{width:var(--sidebar-width-collapsed)}[data-sidebar=drawer] .sidebar{width:var(--sidebar-width);box-shadow:var(--shadow-elevated);transform:translate(-100%)}[data-sidebar=drawer][data-drawer-open=true] .sidebar{transform:translate(0)}.sidebar__nav{padding:var(--space-3);flex:1;overflow:hidden auto}.sidebar__item{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--text-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;margin-bottom:2px;display:flex;position:relative}.sidebar__item:hover{background:var(--bg-muted)}.sidebar__item svg{flex-shrink:0;width:18px;height:18px}.sidebar__item.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar__item.is-active:before{content:"";background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;position:absolute;top:6px;bottom:6px;left:-3px}[data-sidebar=collapsed] .sidebar__item{justify-content:center;padding:10px 0}[data-sidebar=collapsed] .sidebar__item span{display:none}[data-sidebar=collapsed] .sidebar__item{position:relative}[data-sidebar=collapsed] .sidebar__item:after{content:attr(aria-label);margin-left:var(--space-3);background:var(--color-secondary);color:var(--text-on-primary);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-elevated);padding:6px 10px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}[data-sidebar=collapsed] .sidebar__item:hover:after{opacity:1}.sidebar__footer{padding:var(--space-3);border-top:1px solid var(--border-soft)}.sidebar-overlay{background:var(--overlay-modal);z-index:var(--z-overlay-sidebar);opacity:0;pointer-events:none;transition:opacity var(--transition-base);position:fixed;inset:0}[data-sidebar=drawer][data-drawer-open=true] .sidebar-overlay{opacity:1;pointer-events:auto}.main{margin-left:var(--sidebar-width-current);padding-top:calc(var(--header-height) + var(--comercial-banner-offset));min-height:100vh;transition:margin-left var(--transition-base)}.page{padding:var(--space-6) var(--space-6);max-width:var(--page-max-width);margin:0 auto}@media (min-width:1280px){.page{padding:var(--space-6) var(--space-8)}}.page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page__title{font-size:var(--fs-page-title);font-weight:var(--fw-bold);color:var(--text-strong);line-height:var(--lh-tight)}.page__subtitle{color:var(--text-muted);margin-top:var(--space-1);font-size:var(--fs-sm)}.page__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.grid{gap:var(--space-5);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--5{grid-template-columns:repeat(5,1fr)}.grid--12{grid-template-columns:repeat(12,1fr)}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (max-width:1280px){.grid--4{grid-template-columns:repeat(2,1fr)}.grid--5{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.grid--3,.grid--4,.grid--5{grid-template-columns:repeat(2,1fr)}.col-4,.col-5,.col-7,.col-8{grid-column:span 12}}@media (max-width:640px){.grid--3,.grid--4,.grid--5{grid-template-columns:1fr}}.grid--kpi{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}@media (max-width:640px){.grid--kpi{gap:var(--space-3);grid-template-columns:1fr}}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb__sep{color:var(--text-muted);opacity:.5}.header-notif-dropdown{width:min(360px, calc(100vw - var(--space-8)));background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.header-notif-dropdown__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;display:flex}.header-notif-dropdown__title{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.header-notif-dropdown__count{font-size:var(--fs-xs);color:var(--color-danger);font-weight:var(--fw-semibold)}.header-notif-dropdown__list{max-height:320px;overflow-y:auto}.header-notif-dropdown__empty{padding:var(--space-5) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--fs-sm)}.header-notif-dropdown__item{text-align:left;width:100%;padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--border-soft);cursor:pointer;color:inherit;transition:background var(--transition-fast);background:0 0;font-family:inherit;display:block}.header-notif-dropdown__item:hover{background:var(--bg-muted)}.header-notif-dropdown__item.is-unread{background:var(--color-primary-soft)}.header-notif-dropdown__item-title{font-weight:var(--fw-semibold);font-size:var(--fs-sm);margin-bottom:2px}.header-notif-dropdown__item-desc{font-size:var(--fs-xs);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.header-notif-dropdown__item-ts{color:var(--text-muted);margin-top:var(--space-1);font-size:.65rem}.header-notif-dropdown__footer{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);color:var(--color-primary);font-weight:var(--fw-semibold);text-decoration:none;display:flex}.header-notif-dropdown__footer:hover{background:var(--bg-muted)}
.card,.kpi-card,.integration-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card{padding:var(--space-6)}.card--compact{padding:var(--space-4)}.card__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-strong);align-items:center;gap:var(--space-2);display:flex}.card__title svg{width:16px;height:16px;color:var(--color-primary)}.card__link{font-size:var(--fs-xs);color:var(--color-primary);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em}.card__link:hover{text-decoration:underline}.kpi-card{gap:var(--space-3);flex-direction:column;min-width:0;padding:clamp(14px,1.6vw,20px);display:flex}.kpi-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.kpi-card__label{color:var(--text-muted);font-size:clamp(11px,1vw,13px);font-weight:var(--fw-medium);line-height:1.3}.kpi-card__icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-card__icon svg{width:18px;height:18px}.kpi-card__value{font-size:var(--fs-kpi-value);font-weight:var(--fw-bold);color:var(--text-strong);line-height:var(--lh-tight);word-break:break-word}.kpi-card__hint{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:4px;display:flex}.kpi-card__hint--up{color:var(--color-success)}.kpi-card__hint--down{color:var(--color-danger)}.kpi-card--primary .kpi-card__icon{background:var(--color-primary-soft);color:var(--color-primary)}.kpi-card--success .kpi-card__icon{background:var(--color-success-soft);color:var(--color-success)}.kpi-card--warning .kpi-card__icon{background:var(--color-warning-soft);color:var(--color-warning)}.kpi-card--danger .kpi-card__icon{background:var(--color-danger-soft);color:var(--color-danger)}.kpi-card--info .kpi-card__icon{background:var(--color-info-soft);color:var(--color-info)}.kpi-card--neutral .kpi-card__icon{background:var(--bg-muted);color:var(--text-muted)}.kpi-card--featured .kpi-card__value{font-size:var(--fs-base);font-weight:var(--fw-medium);line-height:var(--lh-normal)}.table-wrap{border-radius:var(--radius-md);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-transform:uppercase;font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-semibold);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft);letter-spacing:.04em}.table td{padding:var(--space-4);border-bottom:1px solid var(--border-soft);font-size:var(--fs-sm);color:var(--text-body);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-muted)}.notif-row--unread td{background:var(--color-primary-soft)}.notif-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;display:inline-block}@media (max-width:1440px){.table [data-priority="3"]{display:none}}@media (max-width:1280px){.table [data-priority="2"]{display:none}}@media (max-width:640px){.table th,.table td{padding:var(--space-3) var(--space-3);font-size:var(--fs-xs)}}.table__cell-strong{color:var(--text-strong);font-weight:var(--fw-semibold)}.table__cell-sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.table__actions{text-align:right;white-space:nowrap;vertical-align:middle}.table__actions>*+*{margin-left:var(--space-1)}.table__pagination{padding-top:var(--space-4);font-size:var(--fs-sm);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.pagination__pages{align-items:center;gap:var(--space-1);display:flex}.pagination__btn{border-radius:var(--radius-sm);border:1px solid var(--border-medium);min-width:32px;height:32px;color:var(--text-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.pagination__btn.is-active{background:var(--color-primary);color:var(--text-on-primary);border-color:var(--color-primary)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--bg-muted);color:var(--text-body);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge--no-dot:before{display:none}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge--info{background:var(--color-info-soft);color:var(--color-info)}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary)}.badge--neutral{background:var(--bg-muted);color:var(--text-muted)}.badge--compact{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.dot{width:var(--dot-size-md);height:var(--dot-size-md);background:var(--color-primary);border-radius:50%;flex:none;display:inline-block}.dot--sm{width:var(--dot-size-sm);height:var(--dot-size-sm)}.dot--lg{width:var(--dot-size-lg);height:var(--dot-size-lg)}.dot--success{background:var(--color-success)}.dot--warning{background:var(--color-warning)}.dot--danger{background:var(--color-danger)}.dot--info{background:var(--color-info)}.dot--neutral{background:var(--text-muted)}.badge-count{min-width:calc(var(--dot-size-lg) + 8px);height:calc(var(--dot-size-lg) + 8px);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--text-on-primary);font-size:var(--fs-xs);font-weight:var(--fw-bold);justify-content:center;align-items:center;line-height:1;display:inline-flex}.preview-drawer{background:var(--bg-surface);width:380px;height:100vh;box-shadow:var(--shadow-elevated);z-index:var(--z-dropdown);flex-direction:column;transition:right .25s;display:flex;position:fixed;top:0;right:-400px}.preview-drawer.is-open{right:0}.preview-drawer__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;display:flex}.preview-drawer__body{padding:var(--space-5);flex:1;overflow-y:auto}.preview-drawer__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-soft)}.drawer-overlay{background:var(--overlay-modal);z-index:var(--z-overlay-drawer);display:none;position:fixed;inset:0}.drawer-overlay.is-visible{display:block}.btn{border-radius:var(--radius-md);font-weight:var(--fw-semibold);font-size:var(--fs-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;border:none;padding:10px 16px;font-family:inherit;display:inline-flex}.btn svg{width:16px;height:16px}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--text-on-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-primary-soft);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-soft-hover)}.btn--outlined{color:var(--text-strong);border:1px solid var(--border-medium);background:0 0}.btn--outlined:hover:not(:disabled){background:var(--bg-muted)}.btn--danger{background:var(--color-danger);color:var(--text-on-primary)}.btn--danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn--ghost{color:var(--text-body);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-muted)}.icon-btn,.header__icon-btn,.header__sidebar-toggle{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--text-body);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn--icon{padding:0}.btn--icon:hover:not(:disabled),.header__icon-btn:hover{background:var(--bg-muted)}.header__sidebar-toggle:hover{background:var(--color-primary-soft);color:var(--color-primary)}.btn--block{width:100%}.btn--sm{font-size:var(--fs-xs);padding:6px 12px}.btn--sm svg{width:14px;height:14px}.input,.select,.textarea{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-card);width:100%;font-family:inherit;font-size:var(--fs-sm);color:var(--text-strong);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.textarea{resize:vertical;min-height:96px}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-strong);text-transform:uppercase;letter-spacing:.04em}.field__hint{font-size:var(--fs-xs);color:var(--text-muted)}.search-bar{align-items:center;display:flex;position:relative}.search-bar svg{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.search-bar input{border-radius:var(--radius-pill);background:var(--bg-card);width:100%;font-family:inherit;font-size:var(--fs-sm);color:var(--text-strong);border:none;border:1px solid var(--border-soft);padding:10px 14px 10px 38px}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.modal-overlay{background:var(--overlay-modal);z-index:var(--z-overlay-modal);padding:var(--space-6);justify-content:center;align-items:center;animation:.15s modalFade;display:flex;position:fixed;inset:0}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.2s modalSlide;display:flex;overflow:hidden}@keyframes modalSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal--lg{max-width:800px}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.modal__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-strong)}.modal__body{padding:var(--space-6);flex:1;overflow-y:auto}.modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-soft);justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.timeline{gap:var(--space-4);flex-direction:column;display:flex;position:relative}.timeline:before{content:"";background:var(--border-soft);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.timeline__item{gap:var(--space-3);grid-template-columns:16px 1fr;align-items:flex-start;display:grid;position:relative}.timeline__dot{background:var(--bg-card);border:3px solid var(--color-primary);z-index:1;border-radius:50%;width:16px;height:16px}.timeline__dot--success{border-color:var(--color-success)}.timeline__dot--muted{border-color:var(--text-muted)}.timeline__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-strong)}.timeline__desc{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.timeline__ts{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}.upload{border:2px dashed var(--border-medium);border-radius:var(--radius-md);padding:var(--space-6);background:var(--bg-muted);justify-content:center;align-items:center;gap:var(--space-2);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;display:flex}.upload:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.upload svg{width:28px;height:28px;color:var(--text-muted)}.upload__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-strong)}.upload__hint{font-size:var(--fs-xs);color:var(--color-primary);font-weight:var(--fw-semibold)}.empty-state{text-align:center;padding:var(--space-10) var(--space-4);align-items:center;gap:var(--space-3);color:var(--text-muted);flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-md);background:var(--bg-muted);width:48px;height:48px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.empty-state__icon svg{width:24px;height:24px}.empty-state__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-strong)}.empty-state__desc{font-size:var(--fs-sm);color:var(--text-muted);max-width:360px}.skeleton{background:linear-gradient(90deg, var(--bg-muted) 0%, var(--border-soft) 50%, var(--bg-muted) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{width:100%;height:14px;margin:6px 0}.skeleton--title{width:60%;height:22px}.skeleton--block{width:100%;height:80px}.filter-bar{gap:var(--space-3);flex-wrap:wrap;align-items:end;display:flex}.filter-bar__search{flex:240px;min-width:240px}.filter-bar__field{flex:0 180px;min-width:160px}.filter-bar__field--sm{flex:0 140px;min-width:120px}.filter-bar__spacer{flex:1 1 0;min-width:0}.filter-bar__actions{gap:var(--space-2);align-items:center;margin-left:auto;display:flex}.date-filter-field{width:100%;position:relative}.date-filter-field__display{width:100%;padding-right:40px}.date-filter-field__native{opacity:0;pointer-events:none;border:0;width:0;height:0;padding:0;position:absolute;overflow:hidden}.date-filter-field__placeholder{color:var(--text-muted);font-size:var(--fs-sm);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.date-filter-field:focus-within .date-filter-field__placeholder,.date-filter-field[data-empty=false] .date-filter-field__placeholder{display:none}.date-filter-field__picker{width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.date-filter-field__picker:hover{color:var(--text-strong);background:var(--surface-hover,#0000000a)}.date-filter-field__picker svg{width:16px;height:16px}@media (max-width:640px){.filter-bar{gap:var(--space-2)}.filter-bar__field,.filter-bar__field--sm{flex:100%;min-width:0}.filter-bar__actions{justify-content:flex-end;width:100%;margin-left:0}}.page__title-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page__meta{align-items:center;gap:var(--space-4);font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--space-1);display:flex}.page__meta-item{align-items:center;gap:6px;display:inline-flex}.page__meta-item svg{width:14px;height:14px}.dl{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.dl--single{grid-template-columns:1fr}.meta-label,.dl__label,.subcard__label,.summary-card__label,.integration-card__label,.kanban-card__sub:first-child,.stat-row__label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--fw-medium)}.meta-value,.dl__value{font-weight:var(--fw-semibold)}.dl__label{margin-bottom:4px}.dl__value{font-size:var(--fs-sm);color:var(--text-strong);word-break:break-word;align-items:center;gap:6px;display:flex}.dl__value svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.dl__value a{color:var(--color-primary)}.dl__value a:hover{text-decoration:underline}.integration-card{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);transition:box-shadow var(--transition-fast);display:flex}.integration-card:hover{box-shadow:var(--shadow-elevated)}.integration-card__body{flex:1;min-width:0}.integration-card__label{align-items:center;gap:6px;display:flex}.integration-card__label svg{width:14px;height:14px}.integration-card__value{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-strong);margin-top:2px}.integration-card__sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.integration-card__arrow{background:var(--color-primary-soft);width:32px;height:32px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.integration-card__arrow svg{width:16px;height:16px}.docs-card{padding:0;overflow:hidden}.docs-card__header{padding:var(--space-4) var(--space-5);background:var(--color-primary-soft);color:var(--color-primary);justify-content:space-between;align-items:center;display:flex}.docs-card__title{font-size:var(--fs-md);font-weight:var(--fw-bold);align-items:center;gap:var(--space-2);display:flex}.docs-card__title svg{width:16px;height:16px}.docs-card__count{margin-left:var(--space-2);opacity:.85;font-weight:var(--fw-bold)}.docs-card__add{background:var(--color-primary);width:28px;height:28px;color:var(--text-on-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.docs-card__add svg{width:14px;height:14px}.docs-card__list{padding:var(--space-3) var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.media-row,.doc-row,.dash-pendente{align-items:center;gap:var(--space-3);display:flex}.media-row__icon,.doc-row__icon,.dash-pendente__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.media-row__icon svg,.doc-row__icon svg,.dash-pendente__icon svg{width:16px;height:16px}.media-row__body,.doc-row__body,.dash-pendente__body{flex:1;min-width:0}.media-row__title,.doc-row__title,.dash-pendente__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-strong)}.media-row__sub,.doc-row__sub,.dash-pendente__sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.doc-row{padding:var(--space-2) 0}.doc-row__icon{background:var(--color-success-soft);color:var(--color-success)}.doc-row__icon--warning{background:var(--color-warning-soft);color:var(--color-warning)}.doc-row__icon--danger{background:var(--color-danger-soft);color:var(--color-danger)}.dash-pendente{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--bg-card);transition:background var(--transition-fast), border-color var(--transition-fast)}.dash-pendente:hover{background:var(--bg-muted);border-color:var(--border-medium)}.dash-pendente__icon{background:var(--color-danger-soft);color:var(--color-danger)}.docs-card__footer{padding:var(--space-3) var(--space-5) var(--space-4);text-align:center;border-top:1px solid var(--border-soft)}.docs-card__footer a{color:var(--color-primary);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em}.docs-card__footer a:hover{text-decoration:underline}.profile-card{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.profile-card__avatar{object-fit:cover;width:96px;height:96px;margin-bottom:var(--space-2);border:3px solid var(--bg-card);box-shadow:var(--shadow-card);background:var(--bg-muted);border-radius:50%}.profile-card__name{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-strong)}.profile-card__sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:-2px}.profile-card__verified{font-size:var(--fs-xs);color:var(--color-success);margin-top:var(--space-2);align-items:center;gap:4px;display:inline-flex}.profile-card__verified svg{width:14px;height:14px}.profile-card__verified-badge{background:var(--bg-muted);color:var(--text-muted);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:2px 8px}.thumb{object-fit:cover;background:var(--bg-muted);border-radius:50%;flex-shrink:0;width:40px;height:40px}.thumb--lg{width:64px;height:64px}.product-hero-img{object-fit:cover;border-radius:var(--radius-md);background:var(--bg-muted);width:100%;height:200px}.price-badge{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-primary);line-height:1}.inline-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--text-strong);font-size:var(--fs-sm);line-height:var(--lh-normal);display:flex}.inline-alert svg{width:18px;height:18px;color:var(--color-warning);flex-shrink:0;margin-top:1px}.inline-alert--warning{background:var(--color-warning-soft)}.inline-alert--warning svg{color:var(--color-warning)}.inline-alert--info{background:var(--color-info-soft)}.inline-alert--info svg{color:var(--color-info)}.inline-alert--danger{background:var(--color-danger-soft)}.inline-alert--danger svg{color:var(--color-danger)}.inline-alert--success{background:var(--color-success-soft)}.inline-alert--success svg{color:var(--color-success)}.stat-row{gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft);grid-template-columns:1fr auto;align-items:center;display:grid}.stat-row:last-child{border-bottom:none}.stat-row__label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-strong);min-width:0}.stat-row__sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.stat-row__value{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-strong);text-align:right}.stat-row__bar{background:var(--bg-muted);border-radius:var(--radius-pill);grid-column:1/-1;height:6px;overflow:hidden}.stat-row__bar-fill{background:var(--color-primary);border-radius:inherit;height:100%}.docs-indicator{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-strong);align-items:center;gap:6px;display:inline-flex}.docs-indicator__dot{border-radius:50%;width:8px;height:8px}.docs-indicator__dot--success{background:var(--color-success)}.docs-indicator__dot--warning{background:var(--color-warning)}.docs-indicator__dot--danger{background:var(--color-danger)}.subcard{padding:var(--space-3) var(--space-4);background:var(--bg-muted);border-radius:var(--radius-md)}.subcard+.subcard{margin-top:var(--space-3)}.subcard__label{font-weight:var(--fw-semibold)}.subcard__value{font-size:var(--fs-sm);color:var(--text-strong);font-weight:var(--fw-semibold);justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:4px;display:flex}.subcard__value button{color:var(--color-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px}.subcard__value button:hover{background:var(--color-primary-soft)}.subcard__value button svg{width:14px;height:14px}.order-totals{gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border-soft);margin-top:var(--space-2);flex-direction:column;display:flex}.order-totals__row{font-size:var(--fs-sm);color:var(--text-body);justify-content:space-between;display:flex}.order-totals__row--total{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-primary);padding-top:var(--space-2);border-top:1px solid var(--border-soft)}.summary-card{top:calc(var(--header-height) + var(--space-4));z-index:5;flex-shrink:0;align-self:flex-start;width:100%;position:sticky}.cliente-cadastro-aside{gap:var(--space-6);flex-direction:column;align-self:stretch;min-height:100%;display:flex}.summary-card__section{padding:var(--space-3) 0;border-bottom:1px dashed var(--border-soft)}.summary-card__section:last-of-type{border-bottom:none}.summary-card__label{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.summary-card__value{font-size:var(--fs-sm);color:var(--text-strong);font-weight:var(--fw-semibold)}.summary-card__total{padding:var(--space-3) 0;border-top:2px solid var(--border-soft);margin-top:var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.summary-card__total-value{font-size:var(--fs-xl);color:var(--color-primary);font-weight:var(--fw-bold)}.or-divider{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--fs-sm);margin:var(--space-4) 0;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border-soft);flex:1;height:1px}.dashed-cta{border:2px dashed var(--border-medium);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;background:var(--bg-muted)}.dashed-cta__icon{background:var(--color-primary-soft);width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-3);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.dashed-cta__icon svg{width:22px;height:22px}.dashed-cta__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-strong)}.dashed-cta__sub{font-size:var(--fs-sm);color:var(--text-muted);margin:var(--space-2) auto var(--space-4);max-width:360px}.donut{align-items:center;gap:var(--space-5);display:flex;position:relative}.donut__canvas-wrap{flex-shrink:0;width:200px;height:200px;position:relative}.donut__center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut__center-value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-strong);line-height:1}.donut__center-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.donut__legend{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.donut__legend-item{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-body);display:flex}.donut__legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dash-pendentes{gap:var(--space-2);flex-direction:column;display:flex}.toast-stack{bottom:var(--space-6);right:var(--space-6);gap:var(--space-2);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{background:var(--color-secondary);color:var(--text-on-primary);border-radius:var(--radius-md);font-size:var(--fs-sm);box-shadow:var(--shadow-elevated);align-items:center;gap:var(--space-2);pointer-events:auto;padding:10px 16px;animation:.2s toastIn;display:flex}.toast svg{width:16px;height:16px}.toast--success{background:var(--color-success)}.toast--danger{background:var(--color-danger)}.toast--warning{background:var(--color-warning);color:var(--text-strong)}.toast--info{background:var(--color-info)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kanban{gap:var(--space-3);padding-bottom:var(--space-2);align-items:flex-start;min-height:420px;display:flex;overflow-x:auto}.kanban__col{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-soft);flex-direction:column;flex:1;min-width:240px;max-width:300px;max-height:70vh;display:flex}.kanban__col--cancelados{opacity:.92}.kanban__col-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft);background:var(--color-primary-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.kanban__col-title{text-transform:uppercase;letter-spacing:.02em;font-size:.8125rem;font-weight:600}.kanban__col-body{padding:var(--space-2);gap:var(--space-2);background:var(--color-primary-soft);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:column;flex:1;min-height:80px;display:flex;overflow-y:auto}.kanban__col-body.drag-over{background:var(--color-primary-soft-hover)}.kanban-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-3);cursor:grab;transition:box-shadow .15s}.kanban-card:hover{box-shadow:var(--shadow-card)}.kanban-card.dragging{opacity:.5}.kanban-card__title{margin-bottom:var(--space-1);font-size:.875rem;font-weight:600}.kanban-card__sub{color:var(--text-muted);font-size:.75rem}.kanban-card__meta{margin-top:var(--space-2);gap:var(--space-1);flex-wrap:wrap;display:flex}.kanban-empty{color:var(--text-muted);text-align:center;padding:var(--space-4);font-size:.75rem}.auth-page{background:var(--bg-app);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);background:var(--bg-card);overflow:hidden}.auth-brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.auth-brand__logo{flex-shrink:0;width:auto;height:32px}.auth-brand__sub{font-size:var(--fs-sm);color:var(--text-muted);font-weight:var(--fw-medium)}.auth-hex-network{z-index:1;pointer-events:none;position:absolute;inset:0}.auth-hex-network svg{width:100%;height:100%}.auth-hex-network__lines{stroke:var(--color-primary);stroke-width:1px;stroke-dasharray:4 6;opacity:.15;fill:none}.auth-hex-network__hex{fill:#ff55000f;stroke:var(--color-primary);stroke-width:1px;opacity:.2}.auth-hex-icon{width:44px;height:44px;color:var(--color-primary);opacity:.14;z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.auth-hex-icon svg{width:22px;height:22px}.auth-brand--sm .auth-brand__logo{height:26px}.auth-brand--sm .auth-brand__sub{font-size:var(--fs-xs)}.auth-form__subtitle{font-size:var(--fs-sm);color:var(--text-muted)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-form .field__label{text-transform:none;letter-spacing:0;font-size:var(--fs-sm);font-weight:var(--fw-medium)}.input-icon{align-items:center;display:flex;position:relative}.input-icon__icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;left:14px}.input-icon .input{border-radius:var(--radius-md);border-color:var(--border-medium);padding-left:44px}.input-icon--password .input{padding-right:44px}.input-icon__toggle{width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:10px}.input-icon__toggle:hover{color:var(--text-strong)}.input-icon__toggle svg{width:18px;height:18px}.auth-form__options{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:calc(-1 * var(--space-2));display:flex}.auth-checkbox{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--fs-sm);color:var(--text-body);-webkit-user-select:none;user-select:none;display:flex}.auth-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.auth-demo-switch{margin-top:var(--space-2)}.switch{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{background:var(--border-medium);border-radius:var(--radius-pill);width:44px;height:24px;transition:background var(--transition-fast);flex-shrink:0;position:relative}.switch__thumb{background:var(--bg-surface,#fff);width:20px;height:20px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.switch input:checked+.switch__track{background:var(--color-primary)}.switch input:checked+.switch__track .switch__thumb{transform:translate(20px)}.switch__label{font-size:var(--fs-sm);color:var(--text-body)}.hidden,.is-hidden{display:none!important}.auth-link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-primary);white-space:nowrap;transition:color var(--transition-fast);text-decoration:none}.auth-link:hover{color:var(--color-primary-hover)}.auth-form .btn--primary{margin-top:var(--space-2);font-size:var(--fs-md);border-radius:var(--radius-md);padding:14px 20px}.auth-page--centered{background:var(--auth-bg-gradient);position:relative;overflow:hidden}.auth-page__backdrop{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.auth-page__waves{opacity:.3;width:100%;height:42%;position:absolute;bottom:0;left:0}.auth-page__waves svg{width:100%;height:100%}.auth-page__waves path{fill:#ffc8a059}.auth-hex-cluster{width:280px;height:420px;opacity:var(--auth-hex-opacity);position:absolute;top:50%;transform:translateY(-50%)}.auth-hex-cluster--left{left:max(2%,50% - 520px)}.auth-hex-cluster--right{right:max(2%,50% - 520px);transform:translateY(-50%)scaleX(-1)}.auth-hex-cluster .auth-hex-network{position:absolute;inset:0}.auth-hex-cluster .auth-hex-icon{opacity:1}.auth-hex-cluster--left .auth-hex-icon--users{top:8%;left:42%}.auth-hex-cluster--left .auth-hex-icon--docs{top:28%;left:18%}.auth-hex-cluster--left .auth-hex-icon--package{top:48%;left:50%}.auth-hex-cluster--left .auth-hex-icon--truck{top:66%;left:22%}.auth-hex-cluster--left .auth-hex-icon--chart{top:82%;left:46%}.auth-solo{z-index:1;width:100%;max-width:640px;position:relative}.auth-card--solo{min-height:auto;padding:var(--space-12) var(--space-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-auth-card);text-align:center;flex-direction:column;grid-template-columns:1fr;align-items:center;display:flex}.auth-brand--center{justify-content:center;margin-bottom:0}.auth-solo__title{font-size:clamp(20px,2.2vw,26px);font-weight:var(--fw-bold);color:var(--text-strong);line-height:var(--lh-tight);text-align:center;max-width:480px;margin:var(--space-8) 0 var(--space-10)}.auth-form--solo{align-items:stretch;width:100%;max-width:400px;margin-inline:auto}.auth-form--solo .field{text-align:left}.auth-link--back{text-align:center;margin-top:var(--space-4);display:block}.recovery-step{width:100%;max-width:400px;margin-inline:auto}.recovery-step.hidden{display:none}.inline-alert--recovery{margin-top:var(--space-3);margin-bottom:var(--space-6);justify-content:center}.recovery-lead{font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-normal);margin:0 0 var(--space-4)}.recovery-email-display{font-size:var(--fs-sm);color:var(--text-muted);margin:0 0 var(--space-6)}.recovery-email-display strong{color:var(--text-strong);word-break:break-all}.auth-solo__title--compact{margin-top:var(--space-6);margin-bottom:var(--space-6)}.otp-inputs{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.otp-input{aspect-ratio:1;text-align:center;min-width:0;font-size:var(--fs-lg);font-weight:var(--fw-semibold);padding:0}.recovery-status{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-muted);margin:0 0 var(--space-4);display:flex}.recovery-status.hidden{display:none}.recovery-status__icon{width:18px;height:18px}.recovery-status__icon--spin{animation:.8s linear infinite recovery-spin}@keyframes recovery-spin{to{transform:rotate(360deg)}}.recovery-actions{gap:var(--space-2);margin-top:var(--space-6);flex-direction:column;display:flex}.recovery-hint{text-align:center;margin:0}.recovery-back-link{color:var(--text-muted)}.recovery-success-icon{width:72px;height:72px;margin:var(--space-4) auto var(--space-6);background:var(--color-success-soft);color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;display:flex}.recovery-success-icon svg{width:40px;height:40px}@media (max-width:900px){.auth-hex-cluster{opacity:.08;width:200px;height:320px}.auth-hex-cluster--left{left:-4%}.auth-hex-cluster--right{right:-4%}}@media (max-width:480px){.auth-page{padding:var(--space-4)}.auth-form__options{flex-direction:column;align-items:flex-start}.auth-card--solo{padding:var(--space-8) var(--space-6)}.auth-solo__title{margin:var(--space-6) 0 var(--space-8);font-size:20px}.auth-hex-cluster{display:none}.auth-page__waves{opacity:.2;height:28%}.otp-inputs{gap:var(--space-1)}.otp-input{font-size:var(--fs-md)}}