:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--orange:#e65a2f;--orange-600:#d24a20;--orange-700:#b84316;--orange-300:#ff8a5c;--orange-100:#ffe9dc;--orange-50:#fff4ec;--navy:#1a2332;--navy-700:#2a3346;--gray-700:#4a5565;--gray-500:#6b7585;--gray-300:#c8ced6;--gray-200:#e4e8ee;--gray-100:#f2f4f7;--gray-50:#f8f9fb;--green:#1f8a5b;--red:#dc2626;--red-700:#b91c1c;--side-bg:#19212f;--side-bg-top:#222d40;--side-border:#ffffff14;--side-text:#ffffffbd;--side-text-strong:#fff;--side-muted:#ffffff6b;--side-hover-bg:#ffffff12;--side-active-bg:#e65a2f29;--ui-color-bg:var(--gray-50);--ui-color-surface:#fff;--ui-color-border:var(--gray-200);--ui-color-text:var(--navy);--ui-color-text-muted:var(--gray-500);--ui-color-primary:var(--orange);--ui-color-primary-hover:var(--orange-600);--ui-color-primary-contrast:#fff;--ui-color-danger:var(--red);--ui-color-danger-hover:var(--red-700);--ui-color-success:var(--green);--ui-color-focus:var(--orange);--ui-radius-sm:8px;--ui-radius-md:14px;--ui-radius-lg:20px;--ui-shadow-sm:0 1px 2px #1a23320f;--ui-shadow-md:0 8px 24px -8px #1a23321f, 0 2px 4px #1a23320a;--ui-font-body:var(--font-mulish), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow-lg:0 24px 48px -12px #1a23322e, 0 4px 8px #1a23320a;--radius-pill:999px;--sidebar-w:16.5rem;--topbar-h:3.75rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--ui-font-body);font-size:var(--ui-font-size);color:var(--ui-color-text);background:var(--ui-color-bg);margin:0;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--navy);font-weight:800;line-height:1.25}a{color:var(--orange-700)}a:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:2px;border-radius:4px}img{max-width:100%;height:auto}::selection{background:var(--orange-100)}.shell{min-height:100dvh}.topbar{z-index:30;min-height:var(--topbar-h);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--gray-200);background:#ffffffeb;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.icon-btn{border:1px solid var(--gray-200);width:2.75rem;height:2.75rem;color:var(--navy);cursor:pointer;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;transition:background-color .18s,border-color .18s;display:inline-flex}.icon-btn:hover{background:var(--gray-100)}.icon-btn:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:2px}.icon-btn--ghost{border-color:var(--side-border);color:var(--side-text);background:0 0}.icon-btn--ghost:hover{background:var(--side-hover-bg);color:var(--side-text-strong)}.brand{align-items:center;text-decoration:none;display:inline-flex}.brand img{width:auto;height:2rem;display:block}.sidebar__head .brand{flex:1;min-width:0}.sidebar__head .brand img{width:100%;height:auto}.sidebar{inset-block:0;z-index:50;width:min(82vw, var(--sidebar-w));background:linear-gradient(180deg, var(--side-bg-top) 0%, var(--side-bg) 22%);border-right:1px solid var(--side-border);height:100dvh;color:var(--side-text);visibility:hidden;flex-direction:column;transition:transform .24s,visibility .24s;display:flex;position:fixed;left:0;transform:translate(-100%)}.sidebar.is-open{visibility:visible;box-shadow:var(--shadow-lg);transform:none}.shell__backdrop{z-index:40;cursor:pointer;background:#0d121c8c;border:none;padding:0;animation:.2s backdrop-in;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.sidebar__head{border-bottom:1px solid var(--side-border);justify-content:space-between;align-items:center;gap:.5rem;padding:1.15rem 1.25rem .9rem;display:flex}.sidebar__nav{flex:1;padding:1.1rem .9rem 1.25rem;overflow-y:auto}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.sidebar__foot{border-top:1px solid var(--side-border);padding:1rem .9rem 1.1rem}.snav__group+.snav__group{margin-top:1.35rem}.snav__label{letter-spacing:.1em;text-transform:uppercase;color:var(--side-muted);margin:0 0 .4rem;padding:0 .75rem;font-size:.6875rem;font-weight:800}.snav__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.snav__link{min-height:2.75rem;color:var(--side-text);border-radius:10px;align-items:center;gap:.7rem;padding:.5rem .8rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s;display:flex;position:relative}.snav__link:hover{background:var(--side-hover-bg);color:var(--side-text-strong)}.snav__link:focus-visible{outline:2px solid var(--orange-300);outline-offset:2px}.snav__link svg{color:var(--side-muted);flex:none;transition:color .18s}.snav__link:hover svg{color:var(--side-text-strong)}.snav__link[aria-current=page]{background:var(--side-active-bg);color:var(--side-text-strong);font-weight:700}.snav__link[aria-current=page]:before{content:"";background:var(--orange);border-radius:0 999px 999px 0;width:3px;height:1.4rem;position:absolute;top:50%;left:-.9rem;transform:translateY(-50%)}.snav__link[aria-current=page] svg{color:var(--orange-300)}.logout-form{margin:0}.logout-btn{border:1px solid var(--side-border);width:100%;min-height:2.75rem;font:600 .9375rem / 1.3 var(--ui-font-body);color:var(--side-text);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:.65rem;padding:.5rem .8rem;transition:background-color .18s,color .18s,border-color .18s;display:flex}.logout-btn:hover{background:var(--side-active-bg);color:var(--side-text-strong);border-color:#e65a2f66}.logout-btn svg{color:var(--side-muted);transition:color .18s}.logout-btn:hover svg{color:var(--orange-300)}.logout-btn:focus-visible{outline:2px solid var(--orange-300);outline-offset:2px}.shell__main{width:100%;min-width:0;padding:1.25rem 1rem 3.5rem}.auth{min-height:100dvh;display:grid}.auth__brand{color:#fff;background:radial-gradient(38rem 38rem at -10% -20%,#e65a2f42 0%,#0000 60%),radial-gradient(30rem 30rem at 110% 115%,#e65a2f24 0%,#0000 55%),linear-gradient(165deg,#222d40 0%,#19212f 58%,#141b27 100%);flex-direction:column;justify-content:space-between;padding:3rem;display:none;position:relative;overflow:hidden}.auth__brand:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18% 78%,#0000)}.auth__brand>*{position:relative}.auth__brand-logo{width:11rem;height:auto}.auth__brand-body{max-width:26rem}.auth__headline{color:#fff;margin:0 0 .75rem;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.1rem);line-height:1.2}.auth__sub{color:#ffffffa8;margin:0 0 1.75rem;font-size:1rem}.auth__points{color:#ffffffe6;gap:.85rem;margin:0;padding:0;font-size:.9375rem;font-weight:600;list-style:none;display:grid}.auth__points li{align-items:center;gap:.65rem;display:flex}.auth__check{background:var(--orange);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.auth__copy{color:#ffffff80;margin:0;font-size:.8125rem}.auth__main{justify-content:center;align-items:center;padding:2rem 1rem 3rem;display:flex}.auth-card{gap:1.5rem;width:100%;max-width:26rem;display:grid}.auth-card__logo{justify-self:center;width:10rem;height:auto}.auth-card__head{text-align:center;gap:.35rem;display:grid}.auth-card__title{margin:0;font-size:1.55rem}.auth-card__sub{color:var(--gray-500);margin:0;font-size:.9375rem}.auth-form{gap:1rem;display:grid}.auth-form__submit{width:100%;margin-top:.25rem}.input-affix{display:block;position:relative}.input-affix .ui-input{padding-right:3rem}.input-affix__btn{width:2rem;height:2rem;color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:inline-flex;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.input-affix__btn:hover{color:var(--navy);background:var(--gray-100)}.input-affix__btn:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:2px}.alert{border-radius:10px;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.alert--error{color:#9c2014;background:#fdeeec;border:1px solid #f5cdc5}@media (min-width:1024px){.auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth__brand{display:flex}.auth-card__logo{display:none}.auth-card__head{text-align:left}}.page-head{gap:.3rem;margin-bottom:1.25rem;display:grid}.page-head__text{gap:.3rem;display:grid}.page-head__title{margin:0;font-size:clamp(1.35rem,1.1rem + 1.2vw,1.65rem)}.page-head__desc{max-width:60ch;color:var(--gray-500);margin:0;font-size:.9375rem}.page-head__buttons{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.page-head__action{display:none}.toolbar{border-bottom:1px solid var(--gray-100);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.search{width:100%;position:relative}.search svg{color:var(--gray-500);pointer-events:none;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.search .ui-input{padding-left:2.5rem}.dd{position:relative}.dd-trigger{border:1px solid var(--gray-200);width:100%;min-height:2.75rem;font:600 .9rem / 1.3 var(--ui-font-body);color:var(--navy);text-align:left;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.4rem .75rem;transition:border-color .18s,box-shadow .18s;display:flex}.dd-trigger:hover{border-color:var(--gray-300)}.dd-trigger:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:2px}.dd-trigger[aria-expanded=true]{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-100)}.dd__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.resto__chevron{color:var(--gray-500);flex:none;margin-left:auto;transition:transform .18s}.dd-trigger[aria-expanded=true] .resto__chevron{transform:rotate(180deg)}.dd-menu{z-index:60;border:1px solid var(--gray-200);border-radius:var(--ui-radius-md);box-shadow:var(--shadow-lg);background:#fff;gap:2px;margin:0;padding:.35rem;list-style:none;animation:.16s menu-in;display:grid;position:absolute;top:calc(100% + .4rem);left:0;right:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dd-option{width:100%;min-height:2.75rem;font:600 .9375rem / 1.3 var(--ui-font-body);color:var(--gray-700);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .6rem;transition:background-color .15s,color .15s;display:flex}.dd-option:hover{background:var(--gray-100);color:var(--navy)}.dd-option:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:-2px;background:var(--gray-100)}.dd-option[aria-selected=true]{background:var(--orange-50);color:var(--orange-700);font-weight:700}.resto-option__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.resto-option__check{color:var(--orange);flex:none;margin-left:auto}.panel{border:1px solid var(--gray-200);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);background:#fff;gap:1rem;padding:1.25rem;display:grid}.panel--flush{padding:0;overflow:visible}.table-wrap{overflow-x:auto}.panel--flush .table-wrap{border-bottom-left-radius:var(--ui-radius-md);border-bottom-right-radius:var(--ui-radius-md)}.table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:920px;font-size:.9rem}.table th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--gray-500);border-bottom:1px solid var(--gray-200);white-space:nowrap;padding:.65rem 1rem;font-size:.6875rem;font-weight:800}.table td{border-bottom:1px solid var(--gray-100);vertical-align:middle;color:var(--ui-color-text);padding:.7rem 1rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .12s}.table tbody tr:hover{background:var(--gray-50)}.table th.t-right,.table td.t-right,.t-right{text-align:right}.table th.t-center,.table td.t-center,.t-center{text-align:center}.table__strong{color:var(--navy);font-weight:700}.table__num{font-variant-numeric:tabular-nums}.table__actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.table-empty{text-align:center;color:var(--gray-500);margin:0;padding:2.5rem 1rem;font-size:.9375rem}.table--vendors .col-company{width:16%}.table--vendors .col-cui{width:11%}.table--vendors .col-email{width:18%}.table--vendors .col-phone{width:12%}.table--vendors .col-count{width:9%}.table--vendors .col-date{width:10%}.table--vendors .col-plan{width:11%}.table--vendors .col-actions{width:13%}.plan-badge{border-radius:var(--radius-pill);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.plan-badge--free{background:var(--gray-100);color:var(--gray-700)}.plan-badge--basic{background:var(--orange-50);color:var(--orange-700)}.plan-badge--premium{color:#5b46d6;background:#eae7fb}.plan-badge--enterprise{color:#14593b;background:#e9f6ef}.action-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background-color .15s,color .15s;display:inline-flex}.action-btn:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:2px}.action-btn--edit{background:var(--orange-50);color:var(--orange-700)}.action-btn--edit:hover{background:var(--orange-100)}.action-btn--delete{color:var(--red);background:#fdeeec}.action-btn--delete:hover{background:#f9d9d3}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--navy);color:#fff;font:600 .75rem / 1.2 var(--ui-font-body);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:70;border-radius:7px;padding:.3rem .55rem;transition:opacity .14s .25s,transform .14s .25s,visibility .14s .25s;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%)translateY(3px)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.action-btn--edit[data-tooltip]:after{background:var(--orange-50);color:var(--orange-700);box-shadow:var(--ui-shadow-md)}.action-btn--delete[data-tooltip]:after{color:var(--red);box-shadow:var(--ui-shadow-md);background:#fdeeec}.pager{flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem;padding:0 .25rem;display:flex}.pager__info{color:var(--gray-500);font-size:.8125rem;font-weight:600}.pager__pages{flex-wrap:wrap;gap:4px;display:flex}.pager__btn{border:1px solid var(--gray-200);min-width:2.25rem;min-height:2.25rem;color:var(--gray-700);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}a.pager__btn:hover{background:var(--gray-100);color:var(--navy)}.pager__btn.is-current{background:var(--orange);border-color:var(--orange);color:#fff}.pager__btn.is-disabled{opacity:.45;pointer-events:none}@media (min-width:680px){.page-head{margin-bottom:1.5rem}.page-head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.toolbar{flex-direction:row;align-items:center}.toolbar .search{flex:1}.toolbar .dd{flex:none;width:16rem}.pager{flex-direction:row;justify-content:space-between}}@media (min-width:1024px){.page-head__action{display:inline-flex}.page-head{z-index:20;border-bottom:1px solid var(--gray-200);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin:-2rem -2.5rem 1.75rem;padding:.85rem 2.5rem;display:flex;position:sticky;top:0}.page-head__text{gap:.1rem}.page-head__title{font-size:1.25rem}.page-head__desc{font-size:.875rem}}.construct{text-align:center;align-content:center;justify-items:center;gap:.6rem;min-height:min(60dvh,32rem);padding:2rem 1rem;display:grid}.construct__icon{background:var(--orange-50);width:4.5rem;height:4.5rem;color:var(--orange-700);border:1px solid var(--orange-100);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:inline-flex}.construct__title{margin:0;font-size:clamp(1.5rem,1.2rem + 1.4vw,1.9rem)}.construct__desc{max-width:36ch;color:var(--gray-500);margin:0;font-size:.9375rem}.construct__desc strong{color:var(--navy);font-weight:800}.ui-button{border-radius:var(--radius-pill);font-weight:700;transition:background-color .18s,border-color .18s,box-shadow .18s}a.ui-button{text-decoration:none}.ui-button--md{min-height:2.75rem;padding:.6rem 1.35rem}.ui-button--primary{box-shadow:0 6px 16px -6px #e65a2f8c}.ui-button--primary:hover:not(:disabled){box-shadow:0 8px 20px -6px #e65a2f99}.ui-input{border-radius:10px;min-height:2.75rem;font-size:.9375rem;transition:border-color .18s}.ui-input:hover{border-color:var(--gray-300)}.ui-input::placeholder{color:var(--gray-300);opacity:1}.ui-field__label{font-size:.875rem}@media (min-width:680px){.shell__main{padding:1.5rem 1.5rem 4rem}}@media (min-width:1024px){.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);display:grid}.topbar,.shell__backdrop,.sidebar__close{display:none}.sidebar{z-index:10;visibility:visible;width:auto;transition:none;position:sticky;top:0;transform:none}.shell__main{padding:2rem 2.5rem 4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}