#settings{padding-bottom:32px}.settings-heading{display:flex;align-items:center;gap:14px;margin:4px 0 18px}.settings-heading>i{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#dff3ef;color:var(--brand)}.settings-heading svg,.settings-section header i svg,.settings-placeholder svg{width:26px;height:26px}.settings-heading h2{margin:0;color:#092c4c;font-size:28px}.settings-heading p{margin:4px 0 0;color:var(--muted)}.settings-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:15px;padding:4px;margin-bottom:18px;box-shadow:var(--shadow)}.settings-tabs button{border:0;background:transparent;color:#123553;padding:13px 9px;border-radius:11px;font-weight:700}.settings-tabs button.active{background:#fff;box-shadow:0 3px 12px #163d5130;color:#087c73;border-bottom:2px solid #14997c}.settings-section{padding:0;margin-bottom:18px;overflow:hidden}.settings-section>header{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line)}.settings-section>header i{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#e3f3ef;color:#087c73}.settings-section>header div{flex:1}.settings-section h3{margin:0;color:#0b2c4d;font-size:20px}.settings-section header p{margin:4px 0 0;color:var(--muted)}.settings-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px}.settings-project-grid label,.settings-logo-field,#settings-company-form label,#settings-catalog-form label{display:grid;gap:7px;color:#113453;font-weight:700;font-size:14px}.settings-logos>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px}.settings-logo-field{border:1px solid var(--line);border-radius:13px;padding:15px}.settings-logo-drop{display:flex;align-items:center;gap:14px;border:1px dashed #abc8d6;border-radius:11px;min-height:112px;padding:10px;cursor:pointer}.settings-logo-drop>span:last-of-type{display:grid;gap:5px}.settings-logo-drop small{font-weight:500;color:var(--muted)}.settings-logo-drop input{display:none}.settings-logo-preview{width:190px;height:86px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;flex:0 0 auto;color:#8aa1ad}.settings-logo-preview img,.settings-letterhead-preview img{width:100%;height:100%;object-fit:contain}.settings-logo-preview svg{width:28px;height:28px}.settings-letterhead-preview{display:grid;grid-template-columns:200px 1fr 200px;align-items:center;gap:18px;margin:22px;padding:20px;border:1px solid var(--line);border-bottom:3px solid #0c8c74;border-radius:11px;color:#6b7e87;text-align:center}.settings-letterhead-preview>span{height:70px;display:grid;place-items:center}.settings-letterhead-preview strong{display:block;color:#0b2c4d;font-size:18px}.settings-letterhead-preview small{display:block;margin-top:5px}.settings-table th,.settings-table td{text-align:center;vertical-align:middle}.settings-table td:first-child{text-align:left}.settings-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.settings-actions .danger{color:#c43c3c;border-color:#efc4c4}.settings-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#dcf6e8;color:#16714d;font-weight:700;font-size:12px}.settings-status.inactive{background:#edf1f3;color:#687982}.settings-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.settings-catalog-card{padding:0;overflow:hidden}.settings-catalog-card header{display:flex;align-items:center;gap:12px;padding:17px;border-bottom:1px solid var(--line)}.settings-catalog-card header i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#e4f3f0;color:#087c73}.settings-catalog-card header svg{width:22px}.settings-catalog-card header div{flex:1}.settings-catalog-card h3{font-size:16px}.settings-catalog-card p{margin:3px 0 0;color:var(--muted);font-size:12px}.settings-icon-button,.settings-catalog-list button{border:1px solid var(--line);background:#fff;color:#0b5d5a;border-radius:8px;display:inline-grid;place-items:center;min-width:32px;min-height:32px}.settings-icon-button svg,.settings-catalog-list button svg{width:17px;height:17px}.settings-catalog-list{padding:8px 16px 16px}.settings-catalog-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #edf2f1}.settings-catalog-list>div>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.settings-catalog-list small{padding:3px 7px;border-radius:999px;background:#e2f6ea;color:#16714d}.settings-catalog-list small.inactive{background:#edf1f3;color:#687982}.settings-list-empty,.settings-empty{padding:28px;text-align:center;color:var(--muted)}.settings-placeholder{text-align:center;padding:70px 24px}.settings-placeholder i{width:66px;height:66px;margin:auto;display:grid;place-items:center;border-radius:18px;background:#e3f3ef;color:#087c73}.settings-placeholder h3{margin:18px 0 7px;color:#0b2c4d}.settings-placeholder p{margin:0;color:var(--muted)}.settings-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;margin-top:16px}.settings-check input{width:18px;height:18px}#settings-company-form,#settings-catalog-form{width:min(92vw,480px)}#settings-company-form>label:first-of-type,#settings-catalog-form>label:first-of-type{margin-top:18px}
.settings-personalization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px}.settings-personalization-grid>label,.settings-appearance-grid>label,.settings-system-grid>label{display:grid;gap:7px;color:var(--ink);font-weight:700;font-size:14px}.settings-identity-upload>span{display:flex;align-items:center;gap:14px;min-height:104px;padding:11px;border:1px dashed #a8c8c2;border-radius:12px;cursor:pointer}.settings-identity-upload>span>span:last-of-type{display:grid;gap:5px}.settings-identity-upload input{display:none}.settings-identity-upload small{color:var(--muted);font-weight:500}.settings-identity-preview{width:150px;height:76px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--surface)}.settings-identity-preview img{width:100%;height:100%;object-fit:contain}.settings-identity-preview svg{width:25px}.settings-identity-preview small{font-size:11px}.settings-appearance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px}.settings-color-input{display:grid;grid-template-columns:48px 1fr;gap:8px}.settings-color-input input[type=color]{width:48px;height:45px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:4px}.settings-color-preview{display:grid;gap:9px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.settings-color-preview>span{display:flex;align-items:center;gap:9px}.settings-color-preview i{width:30px;height:30px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.settings-color-preview b{margin-left:auto;padding:9px 12px;border-radius:9px;color:#fff;font-size:12px}.settings-menu-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px}.settings-menu-options label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:12px}.settings-menu-options label>span{display:grid;gap:4px}.settings-menu-options small{color:var(--muted)}.settings-menu-options input{width:42px;height:22px;accent-color:var(--brand)}.settings-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px}.settings-prefix-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px}.settings-prefix-list>label{display:grid;grid-template-columns:minmax(170px,1fr) 1.2fr;align-items:center;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;font-weight:700}.settings-prefix-control{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:10px}.settings-prefix-control small{padding:10px;border-radius:9px;background:var(--bg);color:var(--muted);text-align:center;font-weight:700}.settings-system-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-files{padding:22px}.settings-files>label{display:grid;grid-template-columns:1fr 100px 35px;align-items:center;gap:9px;font-weight:700}.settings-files fieldset{display:flex;gap:24px;margin:20px 0 0;padding:15px;border:1px solid var(--line);border-radius:12px}.settings-files legend{padding:0 7px;font-weight:700}.settings-files fieldset label{display:flex;align-items:center;gap:6px}.settings-files input[type=checkbox]{accent-color:var(--brand)}.settings-system-info{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:22px;gap:0}.settings-system-info>div{padding:13px;border-bottom:1px solid var(--line)}.settings-system-info dt{color:var(--muted);font-size:12px}.settings-system-info dd{margin:4px 0 0;color:var(--ink);font-weight:750}
.settings-appearance-body{padding:22px}.settings-appearance-main{padding:0}.settings-color-field{display:grid;gap:7px;color:var(--ink);font-size:14px;font-weight:700}.settings-create-color-row{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.4fr);gap:20px;align-items:end;margin-top:20px}.settings-info-note{display:flex;align-items:center;gap:12px;min-height:70px;border-radius:11px;background:#eaf5ff;padding:14px 17px;color:#154a78}.settings-info-note>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border:2px solid var(--sc-info);border-radius:50%;color:var(--sc-info);font-weight:900}.settings-info-note p{margin:0;font-size:13px;line-height:1.5}.settings-button-preview,.settings-general-preview{display:grid;gap:12px;margin-top:14px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--bg) 68%,var(--surface));padding:15px 18px}.settings-button-preview>div{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:18px}.settings-button-preview button,.settings-general-preview button{min-height:44px;border:0;border-radius:9px;padding:10px 16px;background:var(--preview-create);color:#fff;font:inherit;font-weight:800}.settings-button-preview button:nth-child(3){background:color-mix(in srgb,var(--preview-create) 65%,white)}.settings-button-preview button:nth-child(4){background:color-mix(in srgb,var(--preview-create) 35%,white);color:var(--preview-create)}.settings-button-preview button:disabled{background:color-mix(in srgb,var(--preview-border,#dfe7e5) 72%,white);color:#a9b4bd}.settings-subsection-title{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:850}.settings-additional-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 22px;margin-top:15px}.settings-general-preview>div{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr)) minmax(220px,1.6fr);gap:16px;align-items:center}.settings-general-preview [data-preview=save]{background:var(--preview-success)}.settings-general-preview [data-preview=cancel]{border:1px solid var(--preview-border);background:var(--surface);color:var(--preview-text)}.settings-general-preview [data-preview=delete]{background:var(--preview-danger)}.settings-general-preview [data-preview=warning]{background:var(--preview-warning);color:#2d250f}.settings-general-preview [data-preview=info]{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid color-mix(in srgb,var(--preview-info) 28%,white);border-radius:9px;background:color-mix(in srgb,var(--preview-info) 12%,white);color:var(--preview-text);padding:10px 14px;font-size:13px}.settings-form-actions{display:flex;justify-content:flex-end;margin-top:18px}.settings-form-actions .sc-button{min-width:170px}.sc-create-primary{border-color:var(--sc-create-primary)!important;background:var(--sc-create-primary)!important;color:#fff!important}.sc-create-primary:hover{border-color:var(--sc-create-primary-hover)!important;background:var(--sc-create-primary-hover)!important}.sc-create-primary:active{border-color:var(--sc-create-primary-active)!important;background:var(--sc-create-primary-active)!important}body .top{background:linear-gradient(112deg,var(--settings-topbar-color) 0%,color-mix(in srgb,var(--settings-topbar-color) 82%,#123e41) 52%,color-mix(in srgb,var(--settings-topbar-color) 55%,#123e41) 100%)!important}
.sc-hide-app-logo .app-brand,.sc-hide-app-logo .mobile-app-brand{display:none!important}
html[data-theme=dark]{color-scheme:dark;--ink:#e8f2f1;--muted:#a7bab6;--surface:#122523;--bg:#0b1817;--line:#29413d;--shadow:0 12px 30px rgba(0,0,0,.3)}html[data-theme=dark] body,html[data-theme=dark] .app{background:var(--bg);color:var(--ink)}html[data-theme=dark] .card,html[data-theme=dark] .bottom-nav,html[data-theme=dark] .settings-tabs,html[data-theme=dark] .settings-tabs button.active,html[data-theme=dark] .settings-icon-button,html[data-theme=dark] .settings-catalog-list button,html[data-theme=dark] dialog,html[data-theme=dark] .modal{background:var(--surface);color:var(--ink)}html[data-theme=dark] .settings-heading h2,html[data-theme=dark] .settings-section h3,html[data-theme=dark] .settings-placeholder h3,html[data-theme=dark] .settings-letterhead-preview strong,html[data-theme=dark] .settings-tabs button{color:var(--ink)}html[data-theme=dark] .sc-input,html[data-theme=dark] .sc-select,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#182e2b;color:var(--ink);border-color:var(--line)}
@media(min-width:1100px){.sc-sidebar-compact .bottom-nav{width:88px;padding-inline:10px}.sc-sidebar-compact .app{padding-left:108px}.sc-sidebar-compact .bottom-nav .nav-btn{font-size:0;min-height:48px;padding:8px;display:grid;place-items:center}.sc-sidebar-compact .bottom-nav .nav-btn .ico{font-size:20px}.sc-sidebar-compact .app-brand{padding-inline:0}.sc-sidebar-compact .desktop-project-context,.sc-sidebar-compact .nav-section-label{display:none!important}}
@media(max-width:1000px){.settings-tabs{grid-template-columns:repeat(3,1fr)}.settings-project-grid,.settings-catalog-grid,.settings-personalization-grid,.settings-appearance-grid,.settings-prefix-list,.settings-system-bottom{grid-template-columns:1fr 1fr}.settings-logos>div{grid-template-columns:1fr}.settings-letterhead-preview{grid-template-columns:130px 1fr 130px}.settings-create-color-row{grid-template-columns:1fr}.settings-additional-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-button-preview>div{grid-template-columns:repeat(3,minmax(110px,1fr))}.settings-general-preview>div{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media(max-width:700px){.settings-heading h2{font-size:23px}.settings-tabs{display:flex;overflow:auto}.settings-tabs button{min-width:max-content}.settings-project-grid,.settings-catalog-grid,.settings-personalization-grid,.settings-appearance-grid,.settings-menu-options,.settings-system-grid,.settings-prefix-list,.settings-system-bottom,.settings-additional-colors{grid-template-columns:1fr}.settings-section>header{align-items:flex-start;flex-wrap:wrap}.settings-section>header .sc-button{width:100%}.settings-letterhead-preview{grid-template-columns:1fr}.settings-logo-drop,.settings-identity-upload>span{align-items:flex-start;flex-direction:column}.settings-logo-preview,.settings-identity-preview{width:100%}.settings-prefix-list>label{grid-template-columns:1fr}.settings-prefix-control{grid-template-columns:100px 1fr}.settings-appearance-body{padding:16px}.settings-button-preview>div,.settings-general-preview>div{grid-template-columns:1fr}.settings-info-note{align-items:flex-start}.settings-form-actions .sc-button{width:100%}}
.settings-work-catalog-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.settings-work-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px}.settings-work-catalog{min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden}.settings-work-catalog h4{margin:0;padding:14px 16px;background:#edf7f5;color:#0b2c4d;font-size:13px;letter-spacing:.035em}.settings-work-catalog>div{padding:5px 16px 14px}.settings-work-catalog>div>span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid #edf2f1}.settings-work-catalog>div>span:last-child{border-bottom:0}.settings-work-catalog>div strong{min-width:0;overflow-wrap:anywhere;color:#123553}.settings-work-catalog .sc-button{min-height:34px;padding:7px 12px;flex:0 0 auto}#settings-work-catalog-form{width:min(92vw,440px)}#settings-work-catalog-form>label{display:grid;gap:7px;margin-top:18px;color:#113453;font-weight:700;font-size:14px}@media(max-width:800px){.settings-work-catalog-grid{grid-template-columns:1fr}.settings-work-catalog-actions{width:100%;justify-content:flex-start}.settings-work-catalog-actions .sc-button{flex:1 1 210px}}
.settings-logo-preview{box-sizing:border-box;width:300px;max-width:100%;height:130px;padding:14px;overflow:hidden}.settings-logo-preview img,.settings-letterhead-preview img{display:block;box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.settings-letterhead-preview{grid-template-columns:200px minmax(0,1fr) 200px}.settings-letterhead-preview>span{box-sizing:border-box;height:70px;padding:8px;overflow:hidden}
#settings .settings-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}