:root{--orange:#f5a623;--purple:#9b6bd4;--blue:#4a90d9;--green:#4caf50;--bg-primary:#0d0d14;--bg-secondary:#13131f;--bg-card:#1a1a2e;--bg-card-hover:#22223a;--bg-navbar:#0d0d14d9;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6b6b80;--border-color:#2a2a40;--border-light:#3a3a55;--accent:#9b6bd4;--accent-hover:#b386e0;--gradient-primary:linear-gradient(135deg, var(--orange), var(--purple), var(--blue));--gradient-text:linear-gradient(90deg, var(--orange), var(--purple), var(--blue), var(--green));--container-max:1140px;--container-padding:1.5rem;--nav-height:72px;--radius:12px;--radius-sm:8px;--radius-lg:20px;--transition:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}ul{list-style:none}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.25rem;font-weight:800}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.required{color:var(--orange)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.btn--sm{padding:.5rem 1.25rem;font-size:.9rem}.btn--lg{padding:.875rem 2rem;font-size:1rem}.btn--block{width:100%}.btn--primary{background:var(--gradient-primary);color:#fff;background-size:200% 200%;animation:4s infinite gradientShift}.btn--primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #9b6bd466}.btn--outline{color:var(--text-primary);border:1.5px solid var(--border-light);background:0 0}.btn--outline:hover{border-color:var(--accent);color:var(--accent);background:#9b6bd414}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{background:var(--accent-hover);color:#fff}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.navbar{z-index:1000;height:var(--nav-height);background:var(--bg-navbar);-webkit-backdrop-filter:blur(16px);transition:all var(--transition);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom-color:var(--border-color);background:#0d0d14f2}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__logo{align-items:center;display:flex}.navbar__logo-img{width:auto;height:44px}.navbar__links{align-items:center;gap:2rem;display:flex}.navbar__links a{color:var(--text-secondary);transition:color var(--transition);font-size:.95rem;font-weight:500}.navbar__links a:hover{color:var(--text-primary)}.navbar__toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar__toggle span{background:var(--text-primary);width:24px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.navbar__toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__toggle.active span:nth-child(2){opacity:0}.navbar__toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{padding:calc(var(--nav-height) + 4rem) 0 5rem;background:radial-gradient(ellipse at 20% 50%, #9b6bd41f 0%, transparent 60%), radial-gradient(ellipse at 80% 50%, #4a90d91a 0%, transparent 60%), var(--bg-primary);align-items:center;min-height:100vh;display:flex}.hero__inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero__title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:3.75rem;font-weight:800;line-height:1.1}.hero__subtitle{color:var(--text-secondary);max-width:480px;margin-bottom:2rem;font-size:1.2rem;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:1rem;display:flex}.hero__visual{justify-content:center;display:flex}.hero__grid{grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;max-width:360px;display:grid}.hero__grid-item{aspect-ratio:1;border-radius:var(--radius-lg);color:#fff;transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;display:flex}.hero__grid-item svg{width:42px;height:42px}.hero__grid-item:hover{transform:translateY(-4px)}.hero__grid-item--orange{background:linear-gradient(135deg,#f5a623,#e09510);box-shadow:0 8px 30px #f5a62340}.hero__grid-item--orange:hover{box-shadow:0 12px 40px #f5a62359}.hero__grid-item--purple{background:linear-gradient(135deg,#9b6bd4,#8352c0);box-shadow:0 8px 30px #9b6bd440}.hero__grid-item--purple:hover{box-shadow:0 12px 40px #9b6bd459}.hero__grid-item--blue{background:linear-gradient(135deg,#4a90d9,#3578c1);box-shadow:0 8px 30px #4a90d940}.hero__grid-item--blue:hover{box-shadow:0 12px 40px #4a90d959}.hero__grid-item--green{background:linear-gradient(135deg,#4caf50,#3d9141);box-shadow:0 8px 30px #4caf5040}.hero__grid-item--green:hover{box-shadow:0 12px 40px #4caf5059}.features{background:var(--bg-secondary);padding:6rem 0}.features__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:all var(--transition);padding:2rem}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-light);transform:translateY(-2px)}.feature-card__icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;display:flex}.feature-card__icon svg{color:#fff;width:26px;height:26px}.feature-card__icon--orange{background:linear-gradient(135deg,#f5a623,#e09510)}.feature-card__icon--purple{background:linear-gradient(135deg,#9b6bd4,#8352c0)}.feature-card__icon--blue{background:linear-gradient(135deg,#4a90d9,#3578c1)}.feature-card__icon--green{background:linear-gradient(135deg,#4caf50,#3d9141)}.feature-card__title{margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.feature-card__text{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.pricing{background:var(--bg-primary);padding:6rem 0}.pricing__grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.5rem;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:all var(--transition);padding:2.5rem 2rem;position:relative}.pricing-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.pricing-card--featured{border-color:var(--accent);background:linear-gradient(180deg, #9b6bd414 0%, var(--bg-card) 50%);transform:scale(1.03)}.pricing-card--featured:hover{border-color:var(--accent-hover);transform:scale(1.03)translateY(-2px)}.pricing-card__badge{background:var(--accent);color:#fff;white-space:nowrap;border-radius:20px;padding:.3rem 1rem;font-size:.8rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card__name{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.pricing-card__price{margin-bottom:.75rem}.pricing-card__amount{letter-spacing:-.02em;font-size:2.25rem;font-weight:800}.pricing-card__period{color:var(--text-muted);font-size:1rem}.pricing-card__desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.pricing-card__features{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.pricing-card__features li{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.pricing-card__features li svg{width:18px;height:18px;color:var(--green);flex-shrink:0}.pricing__note{text-align:center;color:var(--text-muted);margin-top:2.5rem;font-size:.9rem}.pricing__note a{color:var(--accent)}.faq{background:var(--bg-secondary);padding:6rem 0}.faq__list{flex-direction:column;gap:.75rem;max-width:740px;margin:0 auto;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition);overflow:hidden}.faq-item.active{border-color:var(--border-light)}.faq-item__question{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:color var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.faq-item__question:hover{color:var(--accent)}.faq-item__icon{width:20px;height:20px;transition:transform var(--transition);flex-shrink:0}.faq-item.active .faq-item__icon{transform:rotate(180deg)}.faq-item__answer{max-height:0;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item__answer p{color:var(--text-secondary);padding:0 1.5rem 1.25rem;font-size:.95rem;line-height:1.7}.contact{background:var(--bg-primary);padding:6rem 0}.contact__form{max-width:640px;margin:0 auto}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{width:100%;color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);resize:vertical;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:.95rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9b6bd426}.form-group input.error,.form-group textarea.error{border-color:#e74c3c}.form-error{color:#e74c3c;min-height:1.1em;margin-top:.35rem;font-size:.8rem;display:block}.contact__note{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.85rem}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 0}.footer__inner{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer__brand{flex-direction:column;align-items:center;gap:.5rem;display:flex}.footer__logo{height:48px}.footer__tagline{color:var(--text-muted);font-size:.9rem}.footer__links{gap:2rem;display:flex}.footer__links a{color:var(--text-secondary);transition:color var(--transition);font-size:.9rem;font-weight:500}.footer__links a:hover{color:var(--text-primary)}.footer__bottom p{color:var(--text-muted);font-size:.85rem}@media (width<=900px){.hero__inner{text-align:center;grid-template-columns:1fr;gap:3rem}.hero__title{font-size:2.75rem}.hero__subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero__actions{justify-content:center}.hero__grid{max-width:280px}.features__grid{grid-template-columns:1fr 1fr}.pricing__grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.pricing-card--featured{transform:none}.pricing-card--featured:hover{transform:translateY(-2px)}}@media (width<=600px){:root{--nav-height:64px}.navbar__toggle{display:flex}.navbar__links{background:var(--bg-secondary);width:280px;height:100vh;transition:transform var(--transition);border-left:1px solid var(--border-color);z-index:1000;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:5rem 2rem 2rem;position:fixed;top:0;right:0;transform:translate(100%)}.navbar__links.open{transform:translate(0)}.hero{padding:calc(var(--nav-height) + 2rem) 0 3rem;min-height:auto}.hero__title{font-size:2.25rem}.hero__subtitle{font-size:1rem}.hero__grid{max-width:240px}.hero__grid-item svg{width:32px;height:32px}.hero__grid-item{font-size:.85rem}.features__grid{grid-template-columns:1fr}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.form-row{grid-template-columns:1fr}.features,.pricing,.faq,.contact{padding:4rem 0}.footer__links{flex-wrap:wrap;justify-content:center;gap:1rem}}.nav-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.nav-overlay.active{display:block}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.navbar__link{color:var(--text-secondary);transition:color var(--transition);font-size:.95rem;font-weight:500}.navbar__link:hover{color:var(--text-primary)}.navbar__profile{position:relative}.navbar__avatar{background:var(--gradient-primary);color:#fff;letter-spacing:.03em;cursor:pointer;width:36px;height:36px;transition:box-shadow var(--transition), transform var(--transition);background-size:200% 200%;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;animation:4s infinite gradientShift;display:flex}.navbar__avatar:hover{transform:scale(1.05);box-shadow:0 0 0 3px #9b6bd44d}.navbar__dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:1100;width:240px;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden;box-shadow:0 8px 32px #0006}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar__dropdown-header{flex-direction:column;gap:.15rem;padding:.875rem 1rem;display:flex}.navbar__dropdown-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.navbar__dropdown-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.navbar__dropdown-divider{background:var(--border-color);height:1px}.navbar__dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:.625rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.navbar__dropdown-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.navbar__dropdown-item svg{opacity:.7;flex-shrink:0}.auth-header{z-index:1000;height:var(--nav-height);background:var(--bg-navbar);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.auth-header__logo{align-items:center;margin:0 auto;display:flex}.auth-header__logo-img{width:auto;height:40px}.navbar__right{align-items:center;gap:1rem;display:flex}.auth-page{min-height:100vh;padding:calc(var(--nav-height) + 2rem) var(--container-padding) 2rem;background:radial-gradient(ellipse at 20% 50%, #9b6bd41a 0%, transparent 60%), radial-gradient(ellipse at 80% 50%, #4a90d914 0%, transparent 60%), var(--bg-primary);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:2.5rem}.auth-card--wide{max-width:580px}.auth-card__header{text-align:center;margin-bottom:2rem}.auth-card__title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.auth-card__subtitle{color:var(--text-secondary);font-size:.95rem}.auth-card__footer{text-align:center;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.auth-card__footer p{color:var(--text-secondary);font-size:.9rem}.auth-card__footer a{color:var(--accent);font-weight:600}.auth-card__footer a:hover{color:var(--accent-hover)}.auth-card__back{color:var(--accent);cursor:pointer;transition:color var(--transition);background:0 0;border:none;margin-top:1rem;padding:0;font-family:inherit;font-size:.9rem;font-weight:500;display:inline-block}.auth-card__back:hover{color:var(--accent-hover)}.auth-card__actions{gap:1rem;display:flex}.auth-error{color:#e74c3c;border-radius:var(--radius-sm);background:#e74c3c1f;border:1px solid #e74c3c4d;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9rem}.form-select{width:100%;color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a0a0b8' d='M1.41.59L6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;outline:none;padding:.875rem 2.5rem .875rem 1rem;font-family:inherit;font-size:.95rem}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9b6bd426}.form-row--3{grid-template-columns:1fr 1fr 1fr}.step-indicator{justify-content:center;align-items:center;gap:0;margin-bottom:2rem;display:flex}.step-indicator__step{opacity:.4;transition:opacity var(--transition);align-items:center;gap:.5rem;display:flex}.step-indicator__step.active{opacity:1}.step-indicator__num{background:var(--border-color);width:28px;height:28px;color:var(--text-primary);transition:background var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.step-indicator__step.active .step-indicator__num{background:var(--accent)}.step-indicator__label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.step-indicator__line{background:var(--border-color);width:48px;height:2px;margin:0 1rem}.tenant-picker__title{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.tenant-picker__subtitle{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem}.tenant-picker__list{flex-direction:column;gap:.75rem;display:flex}.tenant-picker__item{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition);color:var(--text-primary);justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-family:inherit;display:flex}.tenant-picker__item:hover:not(:disabled){border-color:var(--accent);background:#9b6bd414}.tenant-picker__item:disabled{opacity:.5;cursor:not-allowed}.tenant-picker__name{font-size:.95rem;font-weight:600}.tenant-picker__slug{color:var(--text-muted);font-size:.85rem}.toast-container{top:calc(var(--nav-height) + 1rem);z-index:2000;flex-direction:column;gap:.5rem;max-width:380px;display:flex;position:fixed;right:1.5rem}.toast{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s toastSlideIn;display:flex}.toast--success{color:#66bb6a;background:#4caf5026;border:1px solid #4caf504d}.toast--error{color:#e74c3c;background:#e74c3c26;border:1px solid #e74c3c4d}.toast__close{color:inherit;cursor:pointer;opacity:.7;transition:opacity var(--transition);background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1}.toast__close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.dashboard-layout{background:var(--bg-primary);grid-template-rows:auto 1fr;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.dashboard-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;grid-row:1/-1;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.dashboard-sidebar__header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.dashboard-sidebar__logo{width:auto;height:32px}.dashboard-sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:1rem 0;display:flex}.dashboard-sidebar__link{color:var(--text-secondary);transition:color var(--transition), background var(--transition);border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.dashboard-sidebar__link:hover{color:var(--text-primary);background:#9b6bd40f}.dashboard-sidebar__link.active{color:var(--accent);border-left-color:var(--accent);background:#9b6bd41a}.dashboard-sidebar__link svg{opacity:.7;flex-shrink:0;width:20px;height:20px}.dashboard-sidebar__link.active svg{opacity:1}.dashboard-sidebar__overlay{display:none}.dashboard-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:1rem;height:60px;padding:0 1.5rem;display:flex}.dashboard-topbar__hamburger{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:auto;padding:.25rem;display:none}.dashboard-topbar__hamburger svg{width:24px;height:24px}.dashboard-topbar__user{align-items:center;gap:.75rem;display:flex}.dashboard-topbar__name{color:var(--text-primary);font-size:.9rem;font-weight:500}.dashboard-topbar__role{text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary);background:var(--gradient-primary);border-radius:999px;padding:.15rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.dashboard-topbar__logout{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.85rem;font-weight:500;display:flex}.dashboard-topbar__logout:hover{color:var(--text-primary);border-color:var(--border-light)}.dashboard-topbar__logout svg{width:16px;height:16px}.dashboard-main{padding:2rem;overflow-y:auto}.dashboard-home{text-align:center;justify-content:center;align-items:center;min-height:calc(100vh - 60px - 4rem);display:flex}.dashboard-home__title{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.dashboard-home__subtitle{color:var(--text-secondary);font-size:1.1rem}.placeholder-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:calc(100vh - 60px - 4rem);display:flex}.placeholder-page__icon{width:64px;height:64px;color:var(--text-muted);opacity:.5;margin-bottom:.5rem}.placeholder-page__title{font-size:1.75rem;font-weight:700}.placeholder-page__subtitle{color:var(--text-muted);font-size:1rem}.merchant-profile{max-width:800px}.merchant-profile__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.merchant-profile__title{font-size:1.75rem;font-weight:700}.merchant-profile__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:2rem}.merchant-profile__grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.merchant-profile__field{flex-direction:column;gap:.3rem;display:flex}.merchant-profile__field--full{grid-column:1/-1}.merchant-profile__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.8rem;font-weight:600}.merchant-profile__value{color:var(--text-primary);word-break:break-word;font-size:.95rem}.merchant-profile__value--empty{color:var(--text-muted);font-style:italic}.merchant-profile__status{text-transform:uppercase;letter-spacing:.03em;color:var(--green);background:#4caf5026;border-radius:999px;padding:.2rem .7rem;font-size:.75rem;font-weight:600;display:inline-block}.merchant-profile__actions{border-top:1px solid var(--border-color);gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.merchant-profile__form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.merchant-profile__form-group{flex-direction:column;gap:.35rem;display:flex}.merchant-profile__form-group--full{grid-column:1/-1}.merchant-profile__form-group label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.8rem;font-weight:600}.merchant-profile__form-group input,.merchant-profile__form-group textarea{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);padding:.6rem .8rem;font-family:inherit;font-size:.9rem}.merchant-profile__form-group input:focus,.merchant-profile__form-group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #9b6bd426}.merchant-profile__form-group textarea{resize:vertical;min-height:80px}.dashboard-loading{justify-content:center;align-items:center;min-height:calc(100vh - 60px - 4rem);display:flex}.dashboard-loading__spinner{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.confirm-dialog__overlay{z-index:300;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);width:90%;max-width:440px;padding:2rem}.confirm-dialog__title{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.confirm-dialog__message{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.confirm-dialog__actions{justify-content:flex-end;gap:.75rem;display:flex}.btn--danger{color:#fff;cursor:pointer;background:#e53935;border:none}.btn--danger:hover{background:#c62828}.btn--danger:disabled{opacity:.6;cursor:not-allowed}.btn--xs{padding:.3rem .7rem;font-size:.75rem}.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.2rem .7rem;font-size:.7rem;font-weight:600;display:inline-block}.status-badge--active{color:var(--green);background:#4caf5026}.status-badge--inactive{color:var(--text-muted);background:#a0a0b826}.type-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.2rem .7rem;font-size:.7rem;font-weight:600;display:inline-block}.type-badge--platform{color:var(--blue);background:#4a90d926}.type-badge--custom{color:var(--purple);background:#9b6bd426}.text-muted{color:var(--text-muted);font-style:italic}.staff-page{max-width:960px}.staff-page__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.staff-page__title{font-size:1.75rem;font-weight:700}.staff-page__empty{text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:4rem 2rem}.staff-page__table-wrap{overflow-x:auto}.staff-page__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:2rem}.staff-table,.roles-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);width:100%;overflow:hidden}.staff-table th,.roles-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.staff-table td,.roles-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.875rem}.staff-table tr:last-child td,.roles-table tr:last-child td{border-bottom:none}.staff-table tr:hover td,.roles-table tr:hover td{background:var(--bg-card-hover)}.staff-table__actions,.roles-table__actions{gap:.5rem;display:flex}.staff-form,.roles-form{flex-direction:column;gap:1.25rem;display:flex}.staff-form__row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.staff-form__group,.roles-form__group{flex-direction:column;gap:.35rem;display:flex}.staff-form__group label,.roles-form__group label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.8rem;font-weight:600}.staff-form__group input,.staff-form__group select,.roles-form__group input,.roles-form__group textarea{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);padding:.6rem .8rem;font-family:inherit;font-size:.9rem}.staff-form__group input:focus,.staff-form__group select:focus,.roles-form__group input:focus,.roles-form__group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #9b6bd426}.staff-form__group select,.roles-form__group select{cursor:pointer}.roles-form__group textarea{resize:vertical;min-height:80px}.staff-form__actions,.roles-form__actions{gap:.75rem;margin-top:.5rem;display:flex}.roles-page{max-width:960px}.roles-page__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.roles-page__title{font-size:1.75rem;font-weight:700}.roles-page__empty{text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:4rem 2rem}.roles-page__table-wrap{overflow-x:auto}.roles-page__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:2rem}.role-detail__info{margin-bottom:1.5rem}.role-detail__description{color:var(--text-secondary);margin-top:.75rem;font-size:.9rem;line-height:1.5}.role-detail__perm-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.role-detail__perm-header h3{font-size:1rem;font-weight:600}.permission-chips{flex-wrap:wrap;gap:.5rem;display:flex}.permission-chip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.8rem;display:inline-flex}.permission-chip__name{color:var(--text-primary);font-weight:500}.permission-chip__module{color:var(--text-muted);font-size:.7rem}.permission-chip__remove{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.permission-chip__remove:hover{color:#e53935}.permission-chip__remove:disabled{opacity:.4;cursor:not-allowed}.permission-selector{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:250px;margin-bottom:1rem;padding:.75rem;overflow-y:auto}.permission-selector__list{flex-direction:column;gap:.25rem;display:flex}.permission-selector__item{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;display:flex}.permission-selector__item:hover{background:var(--bg-card-hover);border-color:var(--border-color)}.permission-selector__item:disabled{opacity:.5;cursor:not-allowed}.permission-selector__name{font-weight:500}.permission-selector__module{color:var(--text-muted);font-size:.75rem}@media (width<=600px){.auth-card{border-radius:var(--radius);padding:1.75rem}.auth-card--wide{max-width:100%}.auth-card__title{font-size:1.5rem}.form-row--3{grid-template-columns:1fr}.auth-card__actions{flex-direction:column}.step-indicator__label{display:none}.toast-container{max-width:none;left:1rem;right:1rem}}@media (width<=768px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{z-index:200;width:280px;transition:transform var(--transition);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.dashboard-sidebar--open{transform:translate(0)}.dashboard-sidebar__overlay{z-index:199;background:#00000080;display:none;position:fixed;inset:0}.dashboard-sidebar__overlay--visible{display:block}.dashboard-topbar__hamburger{display:flex}.dashboard-main{padding:1.25rem}.dashboard-home__title{font-size:1.75rem}.merchant-profile__grid,.merchant-profile__form-grid{grid-template-columns:1fr}.merchant-profile__header,.staff-page__header,.roles-page__header{flex-direction:column;align-items:flex-start;gap:1rem}.staff-form__row{grid-template-columns:1fr}}.site-config-wizard{max-width:800px}.site-config-wizard__header h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem}.site-config-wizard__subtitle{color:var(--text-secondary);margin-bottom:1.5rem}.site-config-wizard__body{min-height:300px}.site-config-wizard__actions{border-top:1px solid var(--border-color);align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.site-config-wizard__spacer{flex:1}.wizard-steps{gap:1.5rem;margin-bottom:2rem;display:flex}.wizard-steps__step{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.wizard-steps__step--active{color:var(--accent)}.wizard-steps__step--done{color:var(--green)}.wizard-steps__dot{background:var(--bg-card);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.wizard-steps__step--active .wizard-steps__dot{border-color:var(--accent);background:var(--accent);color:#fff}.wizard-steps__step--done .wizard-steps__dot{border-color:var(--green);background:var(--green);color:#fff}.wizard-review{flex-direction:column;gap:.75rem;display:flex}.wizard-review__item{border-bottom:1px solid var(--border-color);gap:1rem;padding:.5rem 0;display:flex}.wizard-review__label{width:140px;color:var(--text-secondary);flex-shrink:0;font-size:.875rem}.wizard-review__value{color:var(--text-primary);word-break:break-all;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.wizard-review__value--url{color:var(--blue)}.wizard-review__swatch{border-radius:var(--radius-sm);border:1px solid var(--border-light);flex-shrink:0;width:18px;height:18px;display:inline-block}.wizard-review__hint{color:var(--text-muted);margin-top:.5rem;font-size:.875rem;font-style:italic}.site-config-editor{max-width:800px}.site-config-editor__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.site-config-editor__header h1{color:var(--text-primary);font-size:1.5rem}.site-config-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.5rem}.site-config-section__title-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.site-config-section__title{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem}.site-config-section__title-row .site-config-section__title{margin-bottom:0}.template-selector{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.template-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;gap:.75rem;padding:1rem;transition:border-color .2s,background .2s;display:flex}.template-card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.template-card--selected{border-color:var(--accent);background:var(--bg-card-hover)}.template-card__preview{border-radius:var(--radius-sm);background:var(--bg-primary);justify-content:center;align-items:center;height:80px;display:flex}.template-card__preview-label{color:var(--text-muted);font-size:1.5rem;font-weight:700}.template-card--selected .template-card__preview-label{color:var(--accent)}.template-card__info{flex-direction:column;gap:.25rem;display:flex}.template-card__name{color:var(--text-primary);font-size:.95rem;font-weight:600}.template-card__desc{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.branding-form__colors{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.branding-form__color-field label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;display:block}.branding-form__color-input{align-items:center;gap:.5rem;display:flex}.branding-form__color-input input[type=color]{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:40px;height:40px;padding:2px}.branding-form__color-input input[type=text]{flex:1}.branding-form__urls{flex-direction:column;gap:1rem;display:flex}.branding-form__field label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;display:block}.branding-form__field input{width:100%}.contact-form{flex-direction:column;gap:1rem;display:flex}.contact-form__field label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;display:block}.contact-form__field input,.contact-form__field textarea{width:100%}.contact-form__field textarea{resize:vertical;min-height:80px}.contact-form__row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-form__hint{color:var(--text-muted);font-size:.8rem;font-style:italic}.gallery-manager__list{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.gallery-manager__item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.gallery-manager__url{color:var(--blue);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.gallery-manager__remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.2rem;line-height:1}.gallery-manager__remove:hover{color:#e74c3c}.gallery-manager__empty{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem;font-style:italic}.gallery-manager__add{gap:.5rem;display:flex}.gallery-manager__add input{flex:1}.module-manager{flex-direction:column;gap:.75rem;display:flex}.module-manager__item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.module-manager__name{color:var(--text-primary);flex:1;font-size:.95rem;font-weight:500}.module-manager__status{color:var(--text-muted);min-width:28px;font-size:.8rem;font-weight:600}.module-manager__status--on{color:var(--green)}.module-manager__loading{justify-content:center;padding:2rem;display:flex}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch__slider{cursor:pointer;background:var(--border-color);border-radius:24px;transition:background .2s;position:absolute;inset:0}.toggle-switch__slider:before{content:"";background:var(--text-primary);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-switch__slider{background:var(--accent)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-switch__slider{opacity:.5;cursor:not-allowed}.published-toggle{align-items:center;gap:.75rem;display:flex}.published-toggle__label{color:var(--text-secondary);font-size:.95rem}.preview-modal__overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.preview-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:80vh;overflow-y:auto}.preview-modal__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.preview-modal__header h2{color:var(--text-primary);font-size:1.1rem}.preview-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.preview-modal__close:hover{color:var(--text-primary)}.preview-modal__body{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.preview-modal__row{border-bottom:1px solid var(--border-color);gap:1rem;padding:.5rem 0;display:flex}.preview-modal__row:last-child{border-bottom:none}.preview-modal__label{width:100px;color:var(--text-secondary);flex-shrink:0;font-size:.85rem}.preview-modal__value{color:var(--text-primary);word-break:break-all;font-size:.85rem}.preview-modal__value--url{color:var(--blue)}.preview-modal__colors{align-items:center;gap:.5rem;display:flex}.preview-modal__swatch{border-radius:var(--radius-sm);border:1px solid var(--border-light);width:22px;height:22px;display:inline-block}.preview-modal__badge{background:var(--accent);color:#fff;border-radius:10px;margin-right:.375rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.preview-modal__row--gallery .preview-modal__value{flex-direction:column;gap:.25rem;display:flex}.preview-modal__gallery-url{color:var(--blue);word-break:break-all;font-size:.8rem}@media (width<=768px){.template-selector,.branding-form__colors,.contact-form__row{grid-template-columns:1fr}.wizard-steps{flex-wrap:wrap;gap:.75rem}.wizard-steps__label{display:none}}.catalogue-page{grid-template-columns:280px 1fr;gap:1.5rem;height:100%;min-height:0;display:grid}.catalogue-page__tree,.catalogue-page__content{min-width:0}.category-tree{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.category-tree__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1rem .75rem;display:flex}.category-tree__title{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:600}.category-tree__empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.85rem}.category-tree__row{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.25rem;padding:.6rem 1rem;font-size:.85rem;transition:background .15s;display:flex}.category-tree__row:hover{background:var(--bg-card-hover)}.category-tree__row--selected{background:var(--bg-card-hover);border-left-color:var(--accent)}.category-tree__row--sub{padding-left:1.75rem}.category-tree__toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;width:1rem;padding:0;font-size:.65rem}.category-tree__indent{color:var(--text-muted);margin-right:.25rem;font-size:.75rem}.category-tree__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.category-tree__actions{flex-shrink:0;gap:.125rem;margin-left:auto;display:none}.category-tree__row:hover .category-tree__actions{display:flex}.category-tree__action-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.7rem;transition:all .15s;display:flex}.category-tree__action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.category-tree__action-btn--danger:hover{color:var(--orange);border-color:var(--orange)}.category-form__overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.category-form__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;padding:2rem;overflow-y:auto}.category-form__title{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.2rem}.category-form__group{margin-bottom:1rem}.category-form__group label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.85rem;font-weight:500;display:block}.category-form__group input,.category-form__group textarea,.category-form__group select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:.6rem .75rem;font-family:inherit;font-size:.9rem}.category-form__group input:focus,.category-form__group textarea:focus,.category-form__group select:focus{border-color:var(--accent);outline:none}.category-form__row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.category-form__actions{gap:.75rem;margin-top:1.5rem;display:flex}.item-list__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.item-list__header-left{align-items:baseline;gap:.75rem;min-width:0;display:flex}.item-list__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;overflow:hidden}.item-list__count{color:var(--text-muted);flex-shrink:0;font-size:.8rem}.item-list__empty{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);text-align:center;color:var(--text-muted);padding:3rem 2rem}.item-list__table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow-x:auto}.catalogue-table{border-collapse:collapse;width:100%;font-size:.85rem}.catalogue-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;padding:.75rem 1rem;font-size:.8rem;font-weight:600}.catalogue-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:.75rem 1rem}.catalogue-table tbody tr:hover{background:var(--bg-card-hover)}.catalogue-table tbody tr:last-child td{border-bottom:none}.catalogue-table__item-name{flex-direction:column;gap:.15rem;display:flex}.catalogue-table__item-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.75rem;overflow:hidden}.catalogue-table__price{white-space:nowrap;font-weight:600}.catalogue-table__avail-btn{cursor:pointer;border:none;transition:opacity .15s}.catalogue-table__avail-btn:hover{opacity:.8}.catalogue-table__attrs{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--text-secondary);font-size:.8rem;overflow:hidden}.catalogue-table__actions{gap:.375rem;display:flex}.pagination{justify-content:center;align-items:center;gap:1rem;padding:1rem 0;display:flex}.pagination__info{color:var(--text-secondary);font-size:.85rem}.item-form__overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.item-form__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;padding:2rem;overflow-y:auto}.item-form__title{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.2rem}.item-form__section{margin-bottom:1.5rem}.item-form__section-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0 0 1rem;padding-bottom:.5rem;font-size:.95rem}.item-form__group{margin-bottom:1rem}.item-form__group label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.85rem;font-weight:500;display:block}.item-form__group input,.item-form__group textarea,.item-form__group select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:.6rem .75rem;font-family:inherit;font-size:.9rem}.item-form__group input:focus,.item-form__group textarea:focus,.item-form__group select:focus{border-color:var(--accent);outline:none}.item-form__row,.item-form__attributes{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.item-form__attribute{flex-direction:column;gap:.375rem;display:flex}.item-form__attribute label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.item-form__attribute input,.item-form__attribute select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:.6rem .75rem;font-family:inherit;font-size:.9rem}.item-form__attribute input:focus,.item-form__attribute select:focus{border-color:var(--accent);outline:none}.item-form__checkbox-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.85rem;display:flex}.item-form__checkbox-label input[type=checkbox]{width:auto;accent-color:var(--accent)}.item-form__required{color:var(--orange);margin-left:.2rem}.item-form__actions{gap:.75rem;margin-top:1.5rem;display:flex}@media (width<=768px){.catalogue-page{grid-template-columns:1fr}.catalogue-page__tree{max-height:250px;overflow-y:auto}.category-tree__actions{display:flex}.category-form__row,.item-form__row,.item-form__attributes{grid-template-columns:1fr}.catalogue-table__attrs{display:none}}.order-list{flex-direction:column;gap:1rem;display:flex}.order-list__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.order-list__header-left{align-items:baseline;gap:.75rem;display:flex}.order-list__title{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:700}.order-list__count{color:var(--text-secondary);font-size:.85rem}.order-list__empty{text-align:center;color:var(--text-secondary);background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color);padding:3rem 1rem}.order-list__pagination{justify-content:center;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.order-list__page-info{color:var(--text-secondary);font-size:.85rem}.order-table__wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow-x:auto}.order-table{border-collapse:collapse;width:100%;font-size:.9rem}.order-table th{text-align:left;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.75rem 1rem;font-weight:600}.order-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem}.order-table tbody tr:last-child td{border-bottom:none}.order-table tbody tr:hover{background:var(--bg-secondary)}.order-table__id{color:var(--text-secondary);font-family:monospace;font-size:.82rem}.order-table__delivery{color:var(--text-secondary);max-width:200px;font-size:.85rem}.order-table__actions{flex-wrap:wrap;gap:.4rem;display:flex}.order-status{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.order-status--created{color:#1d4ed8;background:#dbeafe}.order-status--confirmed{color:#4338ca;background:#e0e7ff}.order-status--preparing{color:#c2410c;background:#fff7ed}.order-status--ready{color:#15803d;background:#dcfce7}.order-status--out-for-delivery{color:#7e22ce;background:#f3e8ff}.order-status--delivered{color:#0f766e;background:#ccfbf1}.order-status--completed{color:#4b5563;background:#f3f4f6}.order-status--cancelled{color:#dc2626;background:#fef2f2}.order-detail{flex-direction:column;gap:1.5rem;display:flex}.order-detail__header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.order-detail__header-right{flex:1;align-items:center;gap:.75rem;display:flex}.order-detail__title{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:700}.order-detail__error{color:var(--text-secondary);text-align:center;padding:2rem}.order-detail__meta{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.25rem;display:grid}.order-detail__meta-item{flex-direction:column;gap:.25rem;display:flex}.order-detail__meta-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.order-detail__meta-value{color:var(--text-primary);word-break:break-all;font-size:.9rem}.order-detail__meta-value--mono{font-family:monospace;font-size:.82rem}.order-detail__items{flex-direction:column;gap:.75rem;display:flex}.order-detail__section-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.order-detail__total-label{text-align:right;color:var(--text-primary);font-weight:700}.order-detail__total-value{color:var(--text-primary);font-weight:700}.order-table tfoot td{border-top:2px solid var(--border-color);background:var(--bg-secondary);padding:.75rem 1rem}.order-detail__actions{flex-wrap:wrap;gap:.75rem;padding-top:.5rem;display:flex}@media (width<=768px){.order-detail__meta{grid-template-columns:1fr}.order-detail__header{flex-direction:column;align-items:flex-start}}.order-list__header-right{gap:.5rem;display:flex}.order-form{flex-direction:column;gap:1rem;display:flex}.order-form__header{align-items:center;gap:1rem;display:flex}.order-form__title{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:700}.order-form__layout{grid-template-columns:1fr 380px;align-items:start;gap:1.5rem;display:grid}.order-form__section-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.order-form__picker{flex-direction:column;gap:.75rem;display:flex}.order-form__filters{gap:.75rem;display:flex}.order-form__search{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);flex:1;padding:.5rem .75rem;font-size:.9rem}.order-form__search:focus{border-color:var(--orange);outline:none}.order-form__category-filter{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);min-width:160px;padding:.5rem .75rem;font-size:.9rem}.order-form__empty{color:var(--text-secondary);padding:1rem 0;font-size:.9rem}.order-form__item-grid{flex-direction:column;gap:.5rem;max-height:500px;display:flex;overflow-y:auto}.order-form__item-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.order-form__item-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.order-form__item-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.order-form__item-price{color:var(--text-secondary);font-size:.8rem}.order-form__item-qty{align-items:center;gap:.4rem;display:flex}.order-form__qty-value{text-align:center;min-width:1.5rem;color:var(--text-primary);font-size:.9rem;font-weight:600}.order-form__cart{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:sticky;top:1rem}.order-form__cart-items{flex-direction:column;gap:.75rem;max-height:320px;display:flex;overflow-y:auto}.order-form__cart-item{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.35rem;padding-bottom:.75rem;display:flex}.order-form__cart-item:last-child{border-bottom:none;padding-bottom:0}.order-form__cart-item-top{justify-content:space-between;align-items:center;display:flex}.order-form__cart-item-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.order-form__cart-remove{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.15rem .3rem;font-size:.8rem}.order-form__cart-remove:hover{color:#ef4444;background:#fef2f2}.order-form__cart-item-details{justify-content:space-between;align-items:center;display:flex}.order-form__cart-item-subtotal{color:var(--text-primary);font-size:.85rem;font-weight:600}.order-form__instructions{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:.35rem .5rem;font-size:.8rem}.order-form__instructions:focus{border-color:var(--orange);outline:none}.order-form__total{border-top:2px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:.75rem 0;font-weight:600;display:flex}.order-form__total-value{font-size:1.1rem}.order-form__fields{flex-direction:column;gap:.75rem;display:flex}.order-form__group label{color:var(--text-secondary);margin-bottom:.3rem;font-size:.82rem;font-weight:600;display:block}.order-form__group input,.order-form__group textarea{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);width:100%;color:var(--text-primary);padding:.5rem .75rem;font-size:.9rem}.order-form__group input:focus,.order-form__group textarea:focus{border-color:var(--orange);outline:none}.order-form__actions{gap:.75rem;padding-top:.5rem;display:flex}@media (width<=768px){.order-form__layout{grid-template-columns:1fr}.order-form__cart{position:static}.order-form__filters{flex-direction:column}}