:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#2563eb;--accent-border:#2563eb80;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#3b82f6;--accent-border:#3b82f680}.panel__error{color:#fecaca;background:#450a0a;border-color:#7f1d1d}}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}.panel{text-align:left;padding:24px 28px 40px}.panel__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.panel__header h1{color:var(--text-h);margin:0 0 4px;font-size:26px}.panel__header p{color:var(--text);margin:0;font-size:14px}.panel__user{color:var(--accent)!important;margin-top:6px!important;font-size:12px!important}.panel__header-right{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.panel__logout{margin-top:4px}.panel__stats{flex-wrap:wrap;gap:10px;display:flex}.panel__stat{background:var(--code-bg);border:1px solid var(--border);text-align:center;border-radius:10px;min-width:90px;padding:10px 16px}.panel__stat-num{color:var(--accent);font-size:22px;font-weight:700;line-height:1.2;display:block}.panel__stat-label{color:var(--text);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.panel__error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px}.panel__breadcrumb{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.panel__crumb{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;text-decoration:none}.panel__crumb:hover{background:var(--bg);color:var(--text-h)}.panel__crumb--active{color:var(--accent);cursor:default;font-weight:600}.panel__crumb-sep{color:var(--border)}.panel__main{min-height:400px}.panel__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel__toolbar h2,.panel__toolbar h3{color:var(--text-h);margin:0 0 4px;font-size:18px}.panel__hint{color:var(--text);margin:0;font-size:13px}.panel__muted{color:var(--text);text-align:center;padding:40px}.panel__empty{text-align:center;border:2px dashed var(--border);color:var(--text);border-radius:12px;padding:48px 24px}.panel__empty p{margin:0 0 16px}.panel__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.cat-card{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.cat-card__img{background:var(--bg);height:120px;position:relative;overflow:hidden}.cat-card__img--icon-only{background:linear-gradient(135deg,#3b82f61f,#6366f114);justify-content:center;align-items:center;display:flex}.cat-card__icon{width:48px;height:48px;color:var(--accent)}.cat-card__icon-badge{color:#fff;background:#0f172ab8;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:12px;right:12px}.cat-card__icon-badge svg{width:22px;height:22px}.cat-card__img img{object-fit:cover;width:100%;height:100%}.cat-card__body{flex-direction:column;flex:1;padding:16px;display:flex}.cat-card__body h3{color:var(--text-h);margin:0 0 6px;font-size:17px}.cat-card__body>p{color:var(--text);flex:1;margin:0;font-size:13px;line-height:1.5}.cat-card__meta{color:var(--accent);gap:12px;margin:12px 0;font-size:12px;font-weight:500;display:flex}.cat-card__actions{gap:8px;margin-top:12px;display:flex}.cat-card__actions .btn-ghost,.cat-card__actions .btn-danger{flex:1}.cat-card__enter{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;margin-top:auto;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:filter .15s;display:inline-flex}.cat-card__enter:hover{filter:brightness(1.05)}.panel__info-bar--readonly{margin-bottom:24px}.svc-banner{border-radius:16px;margin-bottom:28px;position:relative;overflow:hidden}.svc-banner--section{border:1px solid var(--border);background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 55%,#3b82f6 100%)}.svc-banner--category{border:1px solid var(--border);background:var(--bg)}.svc-banner__bg{opacity:.35;background-position:50%;background-size:cover;position:absolute;inset:0}.svc-banner__overlay{background:linear-gradient(135deg,#0f172ae0 0%,#1e3a8abf 100%);position:absolute;inset:0}.svc-banner__accent{background:linear-gradient(180deg, var(--accent), #6366f1);width:5px;position:absolute;top:0;bottom:0;left:0}.svc-banner__content{z-index:1;flex-direction:column;align-items:flex-start;gap:12px;padding:22px 28px;display:flex;position:relative}.svc-banner__content--compact{padding:20px 24px 20px 28px}.svc-banner--category .svc-banner__content{padding-left:32px}.svc-banner__label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:11px;font-weight:600;display:inline-block}.svc-banner__title{color:#fff;margin:0;font-size:24px;font-weight:700;line-height:1.25}.svc-banner--category .svc-banner__title{color:var(--text-h);font-size:22px}.svc-banner__stats{flex-wrap:wrap;gap:8px;display:flex}.svc-banner__pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff38;border-radius:999px;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.svc-banner--category .svc-banner__pill{color:var(--accent);background:#2563eb1a;border-color:#2563eb33}@media (width<=768px){.svc-banner__content{padding:18px 20px}.svc-banner--category .svc-banner__content{padding-left:24px}.svc-banner__title{font-size:20px}}@media (prefers-color-scheme:dark){.svc-banner--category{background:var(--code-bg)}.svc-banner--category .svc-banner__pill{background:#3b82f626;border-color:#3b82f640}}.list-card{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;overflow:hidden}.list-card__link{color:var(--text-h);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;transition:background .15s;display:flex}.list-card__link:hover{background:var(--bg)}.list-card__info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.list-card__info strong{font-size:15px}.list-card__actions{border-top:1px solid var(--border);gap:8px;margin-top:0;padding:12px 18px 16px;display:flex}.list-card__actions .btn-ghost,.list-card__actions .btn-danger{flex:1}.svc-product-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.svc-product{border:1px solid var(--border);background:var(--bg);border-radius:14px;align-items:center;gap:16px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.svc-product:hover{border-color:var(--accent-border);box-shadow:0 4px 16px #2563eb12}.svc-product__thumb{border:2px solid var(--border);background:var(--code-bg);border-radius:12px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.svc-product__thumb img{object-fit:cover;width:100%;height:100%}.svc-product__info{flex:1;min-width:0}.svc-product__name{color:var(--text-h);margin:0 0 4px;font-size:15px;font-weight:600;line-height:1.3}.svc-product__desc{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.svc-product__actions{flex-shrink:0;gap:8px;display:flex}.svc-product__btn{font:inherit;border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.svc-product__btn svg{width:15px;height:15px}.svc-product__btn--edit{background:var(--code-bg);color:var(--text-h)}.svc-product__btn--edit:hover{border-color:var(--accent-border);color:var(--accent);background:var(--bg)}.svc-product__btn--delete{color:#dc2626;background:0 0;border-color:#fecaca}.svc-product__btn--delete:hover:not(:disabled){background:#fef2f2}.svc-product__btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.svc-product{flex-wrap:wrap;align-items:flex-start}.svc-product__actions{border-top:1px solid var(--border);width:100%;padding-top:10px}.svc-product__btn{flex:1;justify-content:center}}.panel__info-bar{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;display:flex}.panel__info-bar h2{color:var(--text-h);margin:0 0 6px;font-size:20px}.panel__info-bar p{color:var(--text);margin:0;font-size:14px}.panel__parent-label{font-weight:500;color:var(--accent)!important;margin-bottom:4px!important;font-size:12px!important}.panel__info-actions{flex-shrink:0;gap:8px;display:flex}.panel__list{flex-direction:column;gap:10px;display:flex}.list-row{align-items:stretch;gap:8px;display:flex}.list-row__main{text-align:left;background:var(--code-bg);border:1px solid var(--border);font:inherit;color:var(--text-h);cursor:pointer;border-radius:10px;flex:1;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.list-row__main:hover{border-color:var(--accent-border);box-shadow:0 2px 8px #2563eb14}.list-row__main strong{margin-bottom:4px;font-size:15px;display:block}.list-row__main p{color:var(--text);margin:0;font-size:13px}.list-row__badge{color:var(--accent);background:#2563eb1f;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.list-row__arrow{color:var(--accent);flex-shrink:0;font-size:18px}.list-row__edit{align-self:center}.panel__table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.panel__table{border-collapse:collapse;width:100%;font-size:14px}.panel__table th{text-align:left;background:var(--code-bg);color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:12px 16px;font-size:12px;font-weight:600}.panel__table td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-h);padding:14px 16px}.panel__table tr:last-child td{border-bottom:none}.panel__table-img{object-fit:cover;border:1px solid var(--border);background:var(--bg);border-radius:8px;width:48px;height:48px}.panel__desc-cell{max-width:320px;font-size:13px;line-height:1.4;color:var(--text)!important}.panel__table-actions{flex-wrap:wrap;gap:6px;display:flex}.btn-primary,a.btn-primary,.panel__form-actions button[type=submit]{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover,a.btn-primary:hover,.panel__form-actions button[type=submit]:hover{filter:brightness(1.05)}.btn-primary:disabled,.panel__form-actions button:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:14px}.btn-ghost:hover{border-color:var(--accent-border)}.btn-danger{font:inherit;color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fecaca;border-radius:8px;padding:8px 14px;font-size:14px}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.panel__overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.panel__modal{background:var(--bg);border:1px solid var(--border);border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.panel__modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel__modal-head h2{color:var(--text-h);margin:0;font-size:17px}.panel__close{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.panel__modal-context{color:var(--text);margin:0;padding:14px 20px 0;font-size:13px}.panel__form{flex-direction:column;gap:14px;padding:20px;display:flex}.panel__form label{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.panel__form label small{color:var(--text);font-size:12px;font-weight:400}.panel__form input,.panel__form textarea{font:inherit;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:8px;padding:10px 12px;font-weight:400}.panel__form input:focus,.panel__form textarea:focus{outline:2px solid var(--accent-border);border-color:var(--accent)}.panel__preview{border:1px solid var(--border);border-radius:8px;max-width:120px;padding:10px}.panel__preview img{border-radius:6px;width:100%}.panel__form-actions{gap:10px;margin-top:4px;display:flex}.icon-picker{flex-direction:column;gap:8px;display:flex}.form-field-label{color:var(--text-h);align-items:center;gap:4px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.form-field-label__star{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:15px;font-weight:700;line-height:1}.form-field-label__star:hover{color:#b91c1c}.form-field-label__hint{z-index:20;border:1px solid var(--border);background:var(--code-bg);min-width:220px;max-width:320px;color:var(--text);border-radius:8px;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0f172a24}.icon-picker .form-field-label{margin-bottom:0}.icon-picker__label{color:var(--text-h);font-size:14px;font-weight:500}.icon-picker__trigger{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.icon-picker__trigger:hover{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.icon-picker__preview{width:48px;height:48px;color:var(--accent);background:linear-gradient(135deg,#3b82f624,#6366f11a);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-picker__preview-icon{width:26px;height:26px}.icon-picker__trigger-text{flex-direction:column;gap:2px;display:flex}.icon-picker__trigger-text strong{color:var(--text-h);font-size:14px}.icon-picker__trigger-text span{color:var(--text);font-size:12px}.icon-picker__overlay{z-index:200;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.icon-picker__modal{background:var(--code-bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:min(640px,100%);max-height:min(80vh,640px);display:flex;overflow:hidden;box-shadow:0 24px 48px #0f172a40}.icon-picker__modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.icon-picker__modal-head h3{color:var(--text-h);margin:0;font-size:17px}.icon-picker__close{cursor:pointer;color:var(--text);background:0 0;border:none;font-size:24px;line-height:1}.icon-picker__search{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;margin:14px 18px 0;padding:10px 12px;font-size:14px}.icon-picker__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:16px 18px 18px;display:grid;overflow-y:auto}.icon-picker__item{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:center;color:var(--text);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;font-size:11px;line-height:1.3;transition:border-color .15s,background .15s;display:flex}.icon-picker__item:hover{border-color:var(--accent)}.icon-picker__item--selected{border-color:var(--accent);color:var(--text-h);background:#3b82f614}.icon-picker__item-icon{width:28px;height:28px;color:var(--accent)}.icon-picker__empty{color:var(--text);text-align:center;margin:0 18px 18px;font-size:14px}.image-upload{flex-direction:column;gap:8px;display:flex}.image-upload__label{color:var(--text-h);font-size:14px;font-weight:500}.image-upload__zone{border:1px dashed var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex}.image-upload__zone:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.image-upload__zone:disabled{opacity:.7;cursor:wait}.image-upload__preview{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.image-upload__preview img{object-fit:cover;width:100%;height:100%}.image-upload__text{flex-direction:column;gap:4px;display:flex}.image-upload__text strong{color:var(--text-h);font-size:14px}.image-upload__text span{color:var(--text);font-size:12px}.image-upload__input{display:none}.image-upload__remove{align-self:flex-start;font-size:13px}.image-upload__error{color:#991b1b;margin:0;font-size:13px}@media (width<=768px){.panel{padding:16px}.list-row,.panel__info-bar{flex-direction:column}}.admin-layout{background:var(--bg);min-height:100vh;display:flex}.admin-layout__main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-layout__content{flex:1;overflow:auto}.admin-sidebar{border-right:1px solid var(--border);background:var(--code-bg);flex-direction:column;flex-shrink:0;width:260px;padding:20px 16px;display:flex}.admin-sidebar__brand{align-items:center;gap:12px;padding:8px 10px 24px;display:flex}.admin-sidebar__logo{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:grid}.admin-sidebar__brand strong{color:var(--text-h);font-size:15px;display:block}.admin-sidebar__brand span{color:var(--text);font-size:12px;display:block}.admin-sidebar__nav{flex-direction:column;gap:6px;display:flex}.admin-sidebar__link{color:var(--text-h);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.admin-sidebar__link:hover{background:var(--bg);border-color:var(--border)}.admin-sidebar__link--active{background:var(--bg);border-color:var(--accent-border);color:var(--accent)}.admin-sidebar__link--disabled{opacity:.55;pointer-events:none}.admin-sidebar__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:#2563eb1f;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.admin-topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 20px;display:flex}.admin-topbar h1{color:var(--text-h);margin:0 0 4px;font-size:26px}.admin-topbar p{color:var(--text);margin:0;font-size:14px}.coming-soon{place-items:center;min-height:360px;padding:40px 28px;display:grid}.coming-soon__card{text-align:center;border:1px solid var(--border);background:var(--code-bg);border-radius:16px;max-width:480px;padding:40px 32px}.coming-soon__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:#2563eb1f;border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.coming-soon__card h2{color:var(--text-h);margin:0 0 8px;font-size:22px}.coming-soon__card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.coming-soon__hint{opacity:.85;margin-top:16px!important;font-size:13px!important}@media (width<=768px){.admin-layout{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;padding:16px}.admin-sidebar__nav{flex-flow:wrap}.admin-topbar{padding:16px}}.login-page{background:radial-gradient(circle at top, #2563eb1f, transparent 45%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--border);background:var(--code-bg);border-radius:16px;width:min(420px,100%);overflow:hidden;box-shadow:0 24px 48px #0f172a1f}.login-card__head{padding:28px 28px 0}.login-card__head h1{color:var(--text-h);margin:0 0 8px;font-size:28px}.login-card__head p{color:var(--text);margin:0;font-size:14px}.login-form{flex-direction:column;gap:16px;padding:24px 28px 28px;display:flex}.login-form label{color:var(--text-h);flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.login-form input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:10px;padding:11px 12px;font-weight:400}.login-form input:focus{outline:2px solid var(--accent-border);border-color:var(--accent)}.login-form button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:12px 16px;font-weight:600}.login-form button:disabled{opacity:.7;cursor:wait}.login-form__error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;font-size:14px}@media (prefers-color-scheme:dark){.login-form__error{color:#fecaca;background:#450a0a;border-color:#7f1d1d}}