@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--canvas:#f4f4f5;--surface:#fff;--surface-soft:#fafafa;--surface-hover:#f6f6f7;--border:#ececef;--border-strong:#e0e0e5;--text:#18181b;--text-body:#52525b;--text-muted:#8b8b95;--brand:#7c3aed;--brand-hover:#6d28d9;--brand-soft:#f5f3ff;--brand-ring:#7c3aed24;--on-brand:#fff;--success:#15803d;--success-bg:#dcfce7;--warning:#a16207;--warning-bg:#fef9c3;--danger:#b91c1c;--danger-bg:#fee2e2;--danger-solid:#dc2626;--danger-border:#fca5a5;--shadow-sm:0 1px 2px #10111a0a;--shadow-md:0 4px 16px #10111a0f;--shadow-lg:0 16px 48px #10111a1f;--radius:14px;--radius-sm:10px;--radius-xs:8px;--radius-pill:999px;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--sidebar-width:248px;--topbar-height:68px;font:400 16px/1.5 var(--sans);color:var(--text-body);background:var(--canvas);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--text);letter-spacing:-.02em;margin:0}p{margin:0}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}::selection{background:var(--brand-soft);color:var(--brand-hover)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{color:var(--text);margin:0 0 .2rem;font-size:1.5rem;font-weight:600}.page-subtitle{color:var(--text-muted);font-size:.88rem}.page-status{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.85rem 1.1rem;font-size:.88rem}.page-status--error{background:var(--danger-bg);color:var(--danger)}.page-status--success{background:var(--success-bg);color:var(--success)}.page-status--muted{color:var(--text-muted);padding:0 0 1rem}.btn-primary{background:var(--brand);color:var(--on-brand);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.45rem;padding:.58rem 1.05rem;font-size:.86rem;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn-primary svg{width:15px;height:15px}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--surface);color:var(--text-body);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.45rem;padding:.58rem 1.05rem;font-size:.86rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn-secondary--sm{padding:.38rem .8rem;font-size:.78rem}.btn-secondary svg{width:15px;height:15px}.btn-ghost{border-radius:var(--radius-xs);color:var(--text-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.38rem .7rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.btn-ghost svg{width:14px;height:14px}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--danger-solid);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.45rem;padding:.58rem 1.05rem;font-size:.86rem;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed;transform:none}.toolbar-search{flex:1;align-items:center;min-width:200px;max-width:320px;display:flex;position:relative}.toolbar-search svg{width:15px;height:15px;color:var(--text-muted);pointer-events:none;position:absolute;left:.75rem}.toolbar-search input{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);width:100%;color:var(--text);box-sizing:border-box;outline:none;padding:.5rem .85rem .5rem 2.25rem;font-size:.86rem;transition:border-color .15s,box-shadow .15s}.toolbar-search input::placeholder{color:var(--text-muted)}.toolbar-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.toolbar-search input::-webkit-search-cancel-button{appearance:none}.toolbar-select{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-body);cursor:pointer;outline:none;padding:.5rem .75rem;font-size:.86rem;transition:border-color .15s,box-shadow .15s}.toolbar-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.toolbar-count{color:var(--text-muted);margin-left:auto;font-size:.8rem}.modal-overlay{z-index:200;background:#10111a66;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:520px;box-shadow:var(--shadow-lg);animation:.18s modal-in}.modal--wide{max-width:720px;max-height:calc(100vh - 3rem);overflow:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.modal-title{color:var(--text);font-size:1.05rem;font-weight:600}.modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-xs);background:0 0;border:none;align-items:center;padding:.25rem;transition:color .15s,background .15s;display:flex}.modal-close svg{width:19px;height:19px}.modal-close:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.modal-form{padding:1.25rem 1.5rem 1.5rem}.modal-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group--full{grid-column:1/-1}.form-label{color:var(--text-body);font-size:.78rem;font-weight:500}.form-input{border:1px solid var(--border-strong);border-radius:var(--radius-xs);color:var(--text);background:var(--surface);box-sizing:border-box;outline:none;width:100%;padding:.58rem .8rem;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}textarea.form-input{resize:vertical;min-height:88px}.form-check{align-items:center;gap:.55rem;min-height:40px;display:flex}.form-check input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer}.form-check span{color:var(--text-body);font-size:.88rem}.form-error{color:var(--danger);margin:.75rem 0 0;font-size:.85rem}.form-hint{color:var(--text-muted);margin-top:.4rem;font-size:.78rem;display:block}.table-actions{align-items:center;gap:.35rem;display:flex}.btn-icon{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.btn-icon svg{width:15px;height:15px}.btn-icon:hover:not(:disabled){border-color:var(--border-strong);color:var(--text);background:var(--surface-hover)}.btn-icon--danger:hover:not(:disabled){border-color:var(--danger-border);color:var(--danger-solid);background:var(--danger-bg)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.confirm-text{color:var(--text-body);font-size:.92rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:.65rem;margin-top:1.5rem;display:flex}.form-input:disabled{background:var(--surface-soft);color:var(--text-body);cursor:not-allowed;opacity:.9}.form-steps{align-items:center;gap:.65rem;margin-bottom:1.15rem;display:flex}.form-steps__item{color:var(--text-muted);font-size:.8rem;font-weight:500}.form-steps__item.is-active{color:var(--brand)}.form-steps__sep{background:var(--border);flex:1;height:1px}.customer-picker{flex-direction:column;gap:.65rem;display:flex}.customer-picker .toolbar-search{width:100%;max-width:none}.customer-picker__list{border:1px solid var(--border-strong);border-radius:var(--radius-xs);max-height:260px;margin:0;padding:0;list-style:none;overflow:auto}.customer-picker__item{border:0;border-bottom:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.7rem .85rem;font-family:inherit;transition:background .12s;display:flex}.customer-picker__item:last-child{border-bottom:0}.customer-picker__item:hover:not(:disabled){background:var(--surface-hover)}.customer-picker__item.is-selected{background:var(--brand-soft)}.customer-picker__item:disabled{cursor:not-allowed;opacity:.65}.customer-picker__name{color:var(--text);font-size:.88rem;font-weight:500}.customer-picker__meta{color:var(--text-muted);font-size:.78rem}.customer-picker__empty{border:1px dashed var(--border-strong);border-radius:var(--radius-xs);color:var(--text-muted);text-align:center;margin:0;padding:1rem;font-size:.85rem}.customer-picker__pagination{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.customer-picker__page{color:var(--text-muted);font-size:.8rem}.page-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}@media (width<=1024px){.page-grid-2{grid-template-columns:1fr}}@media (width<=560px){.modal-grid{grid-template-columns:1fr}.toolbar-search{max-width:none}}.login-wrapper{box-sizing:border-box;background:var(--canvas);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:2.5rem 2.25rem;display:flex}.login-logo{width:160px;margin-bottom:1.5rem}.login-title{color:var(--text);text-align:center;font-size:1.15rem;font-weight:600}.login-subtitle{color:var(--text-muted);text-align:center;margin-top:.3rem;margin-bottom:1.75rem;font-size:.85rem}.login-form{flex-direction:column;gap:1.1rem;width:100%;display:flex}.login-field{flex-direction:column;gap:.35rem;display:flex}.login-label{color:var(--text-body);font-size:.78rem;font-weight:500}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{width:17px;height:17px;color:var(--text-muted);pointer-events:none;position:absolute;left:.8rem}.login-input{border:1px solid var(--border-strong);border-radius:var(--radius-xs);width:100%;color:var(--text);background:var(--surface);box-sizing:border-box;outline:none;padding:.65rem 2.6rem .65rem 2.4rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.login-input::placeholder{color:var(--text-muted)}.login-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.login-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:.8rem}.login-toggle svg{width:17px;height:17px}.login-toggle:hover:not(:disabled){color:var(--text-body)}.login-toggle:disabled,.login-forgot:disabled,.login-back:disabled{opacity:.5;cursor:not-allowed}.login-forgot{color:var(--text-body);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:.35rem;padding:0;font-size:.78rem;font-weight:500}.login-forgot:hover:not(:disabled){color:var(--text);text-decoration:underline}.login-submit{justify-content:center;width:100%;margin-top:.4rem;padding:.7rem;font-size:.9rem}.login-back{width:100%;color:var(--text-body);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.82rem;font-weight:500}.login-alt-actions{flex-direction:column;gap:.35rem;display:flex}.login-back:hover:not(:disabled){color:var(--text);text-decoration:underline}.login-error,.login-success,.login-notice{border-radius:var(--radius-xs);text-align:center;padding:.6rem .85rem;font-size:.85rem}.login-notice{background:var(--warning-bg);color:var(--warning)}.login-error{background:var(--danger-bg);color:var(--danger)}.login-success{background:var(--success-bg);color:var(--success)}@media (width<=480px){.login-card{padding:2rem 1.5rem}.login-logo{width:140px}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.panel-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.panel-heading{align-items:center;gap:.7rem;min-width:0;display:flex}.panel-icon{border-radius:var(--radius-xs);background:var(--surface-soft);border:1px solid var(--border);width:32px;height:32px;color:var(--text-body);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.panel-icon svg{width:16px;height:16px}.panel-title{color:var(--text);font-size:1rem;font-weight:600}.panel-description{color:var(--text-muted);margin-top:.1rem;font-size:.8rem}.panel-actions{align-items:center;gap:.5rem;display:flex}.panel-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.85rem 1.25rem;display:flex}.panel-body{padding:1.25rem}.panel-body--flush{padding:0}.badge{border-radius:var(--radius-pill);white-space:nowrap;padding:.22rem .7rem;font-size:.75rem;font-weight:500;display:inline-block}.badge--neutral,.badge--muted{background:var(--surface-hover);color:var(--text-body);border:1px solid var(--border)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--info{background:var(--surface-hover);color:var(--text-body);border:1px solid var(--border)}.badge--brand{background:var(--brand-soft);color:var(--brand-hover)}.avatar{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-body);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar--sm{width:26px;height:26px;font-size:.65rem}.avatar--md{width:34px;height:34px;font-size:.75rem}.stat-chip-row{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.stat-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.7rem 1.1rem;display:inline-flex}.stat-chip-icon{color:var(--text-muted);align-items:center;display:inline-flex}.stat-chip-icon svg{width:16px;height:16px}.stat-chip-value{color:var(--text);white-space:nowrap;font-size:.95rem;font-weight:600}.stat-chip-label{color:var(--text-muted);white-space:nowrap;font-size:.82rem}.stat-chip--highlight{background:var(--brand);border-color:var(--brand);box-shadow:none}.stat-chip--highlight .stat-chip-icon,.stat-chip--highlight .stat-chip-value{color:var(--on-brand)}.stat-chip--highlight .stat-chip-label{color:#ffffffc7}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:2.75rem 1.25rem;display:flex}.empty-state-icon{border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);justify-content:center;align-items:center;margin-bottom:.35rem;display:inline-flex}.empty-state-icon svg{width:19px;height:19px}.empty-state-title{color:var(--text);font-size:.95rem;font-weight:600}.empty-state-description{color:var(--text-muted);max-width:380px;font-size:.85rem}.empty-state-action{margin-top:.75rem}.skeleton{background:linear-gradient(90deg,#efeff1 25%,#f7f7f8 50%,#efeff1 75%) 0 0/200% 100%;animation:1.3s linear infinite skeleton-shimmer;display:block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-rows{flex-direction:column;display:flex}.skeleton-row{border-bottom:1px solid var(--border);align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:grid}.skeleton-row:last-child{border-bottom:none}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.table-wrapper{background:var(--surface);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.88rem}.table thead{background:var(--surface-soft)}.table-th{text-align:left;color:var(--text-muted);white-space:nowrap;border-bottom:1px solid var(--border);padding:.75rem 1.25rem;font-size:.76rem;font-weight:500}.table-row{border-bottom:1px solid var(--border);transition:background .15s}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--surface-soft)}.table-td{color:var(--text-body);vertical-align:middle;padding:.8rem 1.25rem}.table-row .table-actions{opacity:0;transition:opacity .15s}.table-row:hover .table-actions,.table-row:focus-within .table-actions{opacity:1}.table-cell-main{color:var(--text);align-items:center;gap:.6rem;font-weight:500;display:flex}.table-empty{text-align:center;color:var(--text-muted);padding:2.75rem 1.25rem;font-size:.88rem}.table-pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.pagination-info{color:var(--text-muted);font-size:.8rem}.pagination-controls{align-items:center;gap:.25rem;display:flex}.pagination-btn{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);min-width:32px;height:32px;color:var(--text-body);cursor:pointer;justify-content:center;align-items:center;padding:0 .5rem;font-size:.85rem;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn--active,.pagination-btn--active:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:500}.pagination-ellipsis{color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 .3rem;font-size:.85rem}@media (width<=560px){.table-row .table-actions{opacity:1}}.dashboard-period{color:var(--text-muted);margin:-.35rem 0 1rem;font-size:.82rem}.dashboard-overview .stat-chip-row+.stat-chip-row{margin-top:-.75rem}.dashboard-panels{flex-direction:column;gap:1.25rem;display:flex}.dashboard-list{margin:0;padding:0;list-style:none}.dashboard-list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.dashboard-list-item:last-child{border-bottom:none}.dashboard-list-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.dashboard-list-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:500;overflow:hidden}.dashboard-list-hint{color:var(--text-muted);font-size:.78rem}.dashboard-list-loading{background:linear-gradient(90deg,#f7f7f8 25%,#fbfbfc 50%,#f7f7f8 75%) 0 0/200% 100%;height:180px;animation:1.3s linear infinite skeleton-shimmer}@media (width<=640px){.stat-chip-row .stat-chip{flex:100%}}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:120;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{flex-shrink:0;justify-content:center;align-items:center;padding:1.35rem 1.25rem;display:flex}.sidebar-logo img{width:140px}.sidebar-nav{flex-direction:column;flex:1;gap:1.5rem;padding:.5rem .75rem;display:flex}.sidebar-group ul{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;padding:0 .75rem;font-size:.7rem;font-weight:600;display:block}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-body);align-items:center;gap:.75rem;padding:.62rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--surface-hover);color:var(--text)}.sidebar-link--active,.sidebar-link--active:hover{background:var(--brand);color:var(--on-brand);font-weight:600}.sidebar-icon{flex-shrink:0;align-items:center;display:flex}.sidebar-icon svg{width:19px;height:19px}.sidebar-footer{flex-shrink:0;padding:.75rem}.sidebar-help{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.85rem}.sidebar-help-title{color:var(--text);margin-bottom:.25rem;font-size:.82rem;font-weight:600;display:block}.sidebar-help-text{color:var(--text-muted);font-size:.76rem;line-height:1.45}.sidebar-logout{border-radius:var(--radius-sm);width:100%;color:var(--text-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.62rem .75rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-logout:hover{background:var(--danger-bg);color:var(--danger)}@media (width<=900px){.sidebar{box-shadow:var(--shadow-lg);transition:transform .22s;transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.topbar{z-index:90;height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:0 1.75rem;display:flex;position:sticky;top:0}.topbar-menu{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:38px;height:38px;color:var(--text-body);cursor:pointer;justify-content:center;align-items:center;display:none}.topbar-menu svg{width:18px;height:18px}.topbar-search{flex:auto;min-width:0;max-width:420px;position:relative}.topbar-search form{align-items:center;display:flex;position:relative}.topbar-search-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;left:.85rem}.topbar-search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;color:var(--text);box-sizing:border-box;outline:none;padding:.6rem 3.4rem .6rem 2.5rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s,background .15s}.topbar-search-input::placeholder{color:var(--text-muted)}.topbar-search-input:focus{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.topbar-search-input::-webkit-search-cancel-button{appearance:none}.topbar-kbd{border:1px solid var(--border-strong);background:var(--surface);font-family:var(--sans);color:var(--text-muted);pointer-events:none;border-radius:6px;padding:.15rem .4rem;font-size:.7rem;position:absolute;right:.6rem}.topbar-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:260px;max-width:320px;box-shadow:var(--shadow-md);flex-direction:column;gap:.15rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0}.topbar-dropdown--right{left:auto;right:0}.topbar-dropdown-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:.5rem .6rem .35rem;font-size:.72rem;font-weight:600}.topbar-dropdown-empty{color:var(--text-muted);padding:.75rem .6rem;font-size:.85rem}.topbar-result,.topbar-notification{border-radius:var(--radius-xs);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.1rem;padding:.55rem .6rem;transition:background .15s;display:flex}.topbar-notification{cursor:default}.topbar-result:hover{background:var(--surface-hover)}.topbar-result-label{color:var(--text);font-size:.88rem;font-weight:500}.topbar-result-hint{color:var(--text-muted);font-size:.78rem}.topbar-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.topbar-icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:38px;height:38px;color:var(--text-body);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.topbar-icon-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.topbar-icon-btn svg{width:18px;height:18px}.topbar-bell-wrapper{position:relative}.topbar-bell-dot{background:var(--danger-solid);border:1.5px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.topbar-user{border-left:1px solid var(--border);align-items:center;gap:.6rem;padding-left:.75rem;display:flex}.topbar-user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.85rem;font-weight:500;overflow:hidden}@media (width<=900px){.topbar{gap:.6rem;padding:0 1rem}.topbar-menu{display:inline-flex}.topbar-user-name,.topbar-kbd{display:none}}@media (width<=640px){.topbar-search{max-width:none}.topbar-dropdown{min-width:220px}.topbar-user{padding-left:.5rem}.topbar-actions .btn-primary{padding:.55rem .75rem}}.main-layout{background:var(--canvas);width:100%;min-height:100vh;display:flex}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;display:flex}.main-content{box-sizing:border-box;flex:1;padding:1.75rem}.main-layout-scrim{z-index:110;background:#10111a59;position:fixed;inset:0}@media (width<=900px){.main-area{margin-left:0}.main-content{padding:1.25rem 1rem}}.dashboard-greeting{margin-bottom:1.25rem}.dashboard-date{color:var(--text-muted);text-transform:capitalize;margin-bottom:.3rem;font-size:.82rem;display:block}.dashboard-title{color:var(--text);font-size:1.75rem;font-weight:600}@media (width<=640px){.dashboard-title{font-size:1.4rem}}.order-email-block{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.order-stepper{flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.order-stepper__item{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.74rem;display:inline-flex}.order-stepper__item.is-done{background:var(--success-bg);color:var(--success);border-color:#0000}.order-stepper__item.is-current{background:var(--brand-soft);color:var(--brand);border-color:#0000;font-weight:500}.order-stepper__index{background:#10111a14;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.62rem;font-weight:600;display:inline-flex}.order-cancel-warning{border-radius:var(--radius-xs);background:var(--danger-bg);color:var(--danger);margin:.6rem 0 0;padding:.6rem .85rem;font-size:.82rem}.order-paid-warning{border-radius:var(--radius-xs);background:var(--success-bg);color:var(--success);margin:.6rem 0 0;padding:.6rem .85rem;font-size:.82rem}.product-thumb{object-fit:cover;border-radius:var(--radius-xs);background:var(--surface-hover);border:1px solid var(--border);flex-shrink:0;width:36px;height:36px;display:block}.details-block{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.details-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.details-empty{color:var(--text-muted);font-size:.85rem}.details-row{grid-template-columns:1fr 1fr auto;gap:.6rem;margin-bottom:.6rem;display:grid}@media (width<=560px){.details-row{grid-template-columns:1fr}}.pagamentos-actions-panel{margin:1.5rem 0}.pagamentos-actions{flex-wrap:wrap;gap:.65rem;display:flex}.pagamentos-success{border-radius:var(--radius-xs);background:var(--success-bg);color:var(--success);margin:.75rem 0 0;padding:.6rem .85rem;font-size:.85rem}.pagamentos-pix-result{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.pagamentos-pix-code{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-soft);width:100%;font-family:var(--mono);color:var(--text-body);word-break:break-all;box-sizing:border-box;padding:.7rem .85rem;font-size:.78rem;line-height:1.6}@media (width<=560px){.pagamentos-actions .btn-secondary{justify-content:center;width:100%}}.financeiro-filters-panel{margin-bottom:1.5rem}.financeiro-filters{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:.85rem 1rem;display:grid}.financeiro-filter-actions{grid-column:1/-1;justify-content:flex-end;gap:.65rem;margin-top:.25rem;display:flex}.financeiro-filters+.form-error{margin-top:.85rem}@media (width<=1100px){.financeiro-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.financeiro-filters{grid-template-columns:1fr}.financeiro-filter-actions{flex-direction:column-reverse}.financeiro-filter-actions .btn-primary,.financeiro-filter-actions .btn-secondary{justify-content:center;width:100%}}.frete-lookup-panel{margin-bottom:1.5rem}.frete-lookup{grid-template-columns:minmax(0,280px) auto;align-items:end;gap:.85rem 1rem;display:grid}.frete-lookup .form-group{margin:0}.frete-result{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);gap:.2rem;margin-top:1.1rem;padding:1rem 1.15rem;display:grid}.frete-result__price{color:var(--text);font-size:1.2rem;font-weight:600}.frete-result__region{color:var(--text-body);font-size:.9rem}.frete-result__meta{color:var(--text-muted);font-size:.78rem}.frete-prefix{font-variant-numeric:tabular-nums;font-weight:600}.frete-range{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.82rem}@media (width<=640px){.frete-lookup{grid-template-columns:1fr}.frete-lookup .btn-primary{justify-content:center;width:100%}}