@layer titles{h2{font:var(--font-heading-S);letter-spacing:var(--font-heading-S-letter-spacing)}h3{font:var(--font-heading-XS);letter-spacing:var(--font-heading-XS-letter-spacing)}}@layer components{.adminContainer{display:flex;flex-direction:column;min-height:100vh}.adminContainer .adminContent{display:flex;width:100%}.adminContainer .adminContent{flex:1}.adminContainer .adminHeader{width:250px;padding:16px 32px 32px;border-right:1px solid var(--color-border-default);flex-shrink:0;background:var(--color-surface-subdued)}.adminContainer .adminHeader h1{display:flex;align-items:center;font-size:28px;font-weight:600;margin-bottom:1rem}.adminContainer .adminHeader h1 svg{width:80px;height:80px;margin-left:-16px}.adminContainer .adminHeader nav a{font-size:1rem}.adminContainer .adminHeader nav a:hover{text-decoration:underline}.adminContainer .adminHeader nav a.active{color:var(--color-blue)}.adminContainer .adminHeader nav ul ul{margin-left:1rem}.adminContainer .adminMain{flex:1;padding:2rem;overflow-y:auto;max-width:1200px;position:relative;display:flex;flex-direction:column;gap:1rem}.adminContainer .adminMain .pageHeader{display:flex;justify-content:space-between;align-items:center}.adminContainer .adminMain .pageHeader .pageActions{display:flex;gap:8px}.section,.pageContent{margin-top:1rem}.section{margin-bottom:32px}.section .sectionHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-default);padding:16px 0;color:var(--color-blue)}.section .sectionHeader .sectionActions{display:flex;gap:8px}.section .sectionContent{padding:16px 0;display:flex;flex-direction:column;gap:32px}.section.collapsible .sectionHeader{cursor:pointer}.section.collapsible .collapseAction{transition:transform .3s ease-in-out}.section.collapsible.closed .collapseAction{transform:rotate(-90deg)}.actionsList{font-size:.8rem;display:flex;gap:1rem}.actionsList .action{display:flex;align-items:center;justify-content:center}table.dataList{width:100%;border-collapse:separate;border-spacing:0;text-align:left;border-radius:12px;border:1px solid var(--color-border-default);background:var(--color-surface-default);overflow:hidden}table.dataList thead{color:var(--color-text-subdued)}table.dataList th,table.dataList td{padding:16px;font:var(--font-body-S);letter-spacing:var(--font-body-S-letter-spacing);border-bottom:1px solid var(--color-border-default)}table.dataList th a:hover,table.dataList th button:hover,table.dataList td a:hover,table.dataList td button:hover{text-decoration:underline;cursor:pointer}table.dataList tr:last-child td{border-bottom:none}table.dataList th{font-weight:600}.infoList{display:grid;grid-template-columns:1fr 1fr;gap:16px}.infoList h3{margin-bottom:8px}.infoList .info{font:var(--font-body-S);letter-spacing:var(--font-body-S-letter-spacing)}form.editForm,form.popupForm,form.schemaForm,form.schemaForm .fieldGroup .fields,form.sectionForm .sectionContent{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}form.editForm.popupForm,form.popupForm.popupForm,form.schemaForm.popupForm,form.schemaForm .fieldGroup .fields.popupForm,form.sectionForm .sectionContent.popupForm{padding:16px}@media (max-width: 768px){form.editForm,form.popupForm,form.schemaForm,form.schemaForm .fieldGroup .fields,form.sectionForm .sectionContent{grid-template-columns:1fr}}form.editForm .fieldGroup:not(.root),form.popupForm .fieldGroup:not(.root),form.schemaForm .fieldGroup:not(.root),form.schemaForm .fieldGroup .fields .fieldGroup:not(.root),form.sectionForm .sectionContent .fieldGroup:not(.root){border-left:2px solid var(--color-border-default);padding:.5rem 1rem;margin-bottom:1rem}form.editForm .fieldGroup .groupName,form.popupForm .fieldGroup .groupName,form.schemaForm .fieldGroup .groupName,form.schemaForm .fieldGroup .fields .fieldGroup .groupName,form.sectionForm .sectionContent .fieldGroup .groupName{margin-bottom:1rem;font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--color-title);display:block}.required :is(form.editForm .fieldGroup .groupName):after,.required :is(form.popupForm .fieldGroup .groupName):after,.required :is(form.schemaForm .fieldGroup .groupName):after,.required :is(form.schemaForm .fieldGroup .fields .fieldGroup .groupName):after,.required :is(form.sectionForm .sectionContent .fieldGroup .groupName):after{content:"*";color:var(--color-title);font-weight:600;margin-left:.25rem}form.editForm .row,form.popupForm .row,form.schemaForm .row,form.schemaForm .fieldGroup .fields .row,form.sectionForm .sectionContent .row{grid-column:1 / -1}form.editForm .buttons,form.popupForm .buttons,form.schemaForm .buttons,form.schemaForm .fieldGroup .fields .buttons,form.sectionForm .sectionContent .buttons{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:1rem}.alert{@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}border:1px solid var(--color-border-default);border-left:4px solid transparent;padding:1rem;border-radius:8px;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;font:var(--font-body-S);letter-spacing:var(--font-body-S-letter-spacing);display:flex;align-items:center;gap:1rem}.alert.error{border-left-color:var(--color-text-red)}.alert.error .alert-message,.alert.error button,.alert.error .actions button,.alert.error a{color:var(--color-text-red)}.alert.success{border-left-color:var(--color-text-green)}.alert.success .alert-message,.alert.success button,.alert.success a{color:var(--color-text-green)}.alert.warn{border-left-color:var(--color-text-orange)}.alert.warn .alert-message,.alert.warn button,.alert.warn .actions button,.alert.warn a{color:var(--color-text-orange)}.alert .actions{flex:1;display:flex;justify-content:flex-end}.alert .actions:hover{text-decoration:underline;cursor:pointer}pre{font-size:.8rem;white-space:pre-wrap;word-wrap:break-word}}
