:root{--color-primary: #8a5e3b;--color-primary-light: #b17e57;--color-primary-dark: #5c3e28;--color-secondary: #7a736c;--color-background: #f8f6f3;--color-surface: #ffffff;--color-text: #2d2d2d;--color-text-muted: #7a736c;--color-border: #dcd7d1;--color-success: #4e944f;--color-warning: #d4a017;--color-danger: #b4463c;--color-info: #577590;--gap: .5rem;--padding: 1.5rem}html,body{margin:0;padding:0;width:100%;box-sizing:border-box;background-color:var(--color-background);font-family:sans-serif}*,*:before,*:after{box-sizing:inherit}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.5rem}.m-6{margin:2rem}.m-8{margin:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.5rem}.mt-6{margin-top:2rem}.mt-8{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.5rem}.mb-6{margin-bottom:2rem}.mb-8{margin-bottom:3rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.5rem}.ml-6{margin-left:2rem}.ml-8{margin-left:3rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.5rem}.mr-6{margin-right:2rem}.mr-8{margin-right:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.5rem}.p-6{padding:2rem}.p-8{padding:3rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.5rem}.pt-6{padding-top:2rem}.pt-8{padding-top:3rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.5rem}.pb-6{padding-bottom:2rem}.pb-8{padding-bottom:3rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.5rem}.pl-6{padding-left:2rem}.pl-8{padding-left:3rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.5rem}.pr-6{padding-right:2rem}.pr-8{padding-right:3rem}.container{width:100%;max-width:1200px;margin:0 auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px #0000000d}.container-fit{width:100%;max-width:100%;padding:var(--padding);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box}.heading{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-primary)}.subheading{font-size:1.125rem;font-weight:500;margin-bottom:.75rem;color:var(--color-text-muted)}.text{font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-bold{font-weight:600}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);width:100%}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.max-height-100{max-height:100vh}.max-height-90{max-height:90vh}.max-height-80{max-height:80vh}.max-height-70{max-height:70vh}.max-height-60{max-height:60vh}.max-height-50{max-height:50vh}.max-height-40{max-height:40vh}.max-height-30{max-height:30vh}.max-height-20{max-height:20vh}.max-height-10{max-height:10vh}@media (max-width: 768px){.col-md-12{grid-column:span 12!important}.col-md-6{grid-column:span 6!important}.col-md-4{grid-column:span 4!important}}.input-base{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;box-shadow:inset 0 1px 2px #00000008;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.input-base::placeholder{color:var(--color-text-muted)}.input-base:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #314d9833}.input-disabled{background-color:#e9ecef;color:var(--color-text-muted);cursor:not-allowed}.btn{display:inline-block;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;color:#fff;background-color:var(--color-primary-light);border:1px solid var(--color-primary-light);border-radius:6px;cursor:pointer;text-align:center;text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s}.btn:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.btn:active{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn:disabled,.btn[disabled]{background-color:#e9ecef;color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}.btn-secondary{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:#5a6268;border-color:#5a6268}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.btn-outline{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background-color:#314d9814}.btn-sm{padding:.4rem .8rem;font-size:.875rem}.btn-lg{padding:.8rem 1.5rem;font-size:1.125rem}.checkbox{position:relative;display:inline-block;width:36px;height:20px}.checkbox input{opacity:0;width:0;height:0}.checkbox .slider{position:absolute;cursor:pointer;background-color:#ccc;border-radius:34px;top:0;left:0;right:0;bottom:0;transition:.2s}.checkbox .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s}.checkbox input:checked+.slider{background-color:var(--color-success)}.checkbox input:checked+.slider:before{transform:translate(16px)}.toggle{display:inline-flex;position:relative;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;overflow:hidden;padding:.2rem;gap:0}.btn-toggle{flex:1;padding:.4rem 1.2rem;font-size:.9rem;border:none;background:transparent;color:var(--color-text);cursor:pointer;z-index:1;position:relative;transition:color .2s ease}.btn-toggle:hover{color:var(--color-primary)}.btn-toggle.active{color:var(--color-surface);z-index:2}.toggle:before{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:50%;background-color:var(--color-primary);border-radius:999px;transition:transform .3s ease;z-index:0;transform:translate(0)}.toggle[data-active=right]:before{transform:translate(100%)}.debug{outline:2px dashed rgba(255,0,0,.5);background-color:#ff00000d;color:#c00!important}.app-main{margin-left:15vw;padding:24px;background-color:var(--color-background);min-height:100vh;width:80vw}.sidebar{position:fixed;top:0;left:0;width:15vw;height:100vh;background-color:var(--color-primary-dark);color:var(--color-surface);display:flex;flex-direction:column;box-shadow:2px 0 6px #00000026;z-index:1000}.sidebar-title{padding:24px;border-bottom:1px solid var(--color-primary);background-color:var(--color-primary)}.sidebar-heading{margin:0;font-size:1.25rem;font-weight:600;text-transform:uppercase;color:var(--color-surface);letter-spacing:.5px}.sidebar-nav{flex:1;display:flex;flex-direction:column;background-color:var(--color-primary-dark);padding:10px 0}.sidebar-link{padding:10px 14px;text-decoration:none;color:var(--color-surface);font-size:1rem;transition:background-color .2s ease;display:block}.sidebar-link:hover{background-color:var(--color-primary-light)!important}.sidebar-link.active{background-color:var(--color-primary)}.sidebar-link-with-icon{display:flex;align-items:stretch}.sidebar-link-with-icon .sidebar-link{flex-grow:1;display:flex;align-items:center}.sidebar-icon-link{padding:0 14px;display:flex;align-items:center;justify-content:center;color:var(--color-surface);transition:background-color .2s ease;text-decoration:none}.sidebar-icon-link:hover{background-color:var(--color-primary-light)!important}.sidebar-icon-link.active{background-color:var(--color-primary)}.file-upload{padding:.5rem 0}.image-preview{margin-top:.5rem;border:1px solid var(--color-border);border-radius:6px;max-width:100%;overflow:hidden}.image-preview img{display:block;width:100%;height:auto;border-radius:4px}div{display:inline-block}.html-editor-wrapper{border:1px solid var(--color-border, #ccc);border-radius:8px;padding:1rem;background-color:var(--color-surface, #fff);min-height:200px;font-family:sans-serif;font-size:1rem;line-height:1.5;position:relative;overflow:auto;width:100%}.html-editor{outline:none;white-space:pre-wrap;word-break:break-word;min-height:100px;padding:1rem;border:1px solid #ccc;border-radius:4px;width:100%;display:block}.html-editor:empty:before{content:attr(data-placeholder);color:var(--color-text-muted, #aaa);pointer-events:none;display:block}.html-editor>div{display:block}.content-root{--content-text-color: #212529;--content-heading-color: #314d98;--content-link-color: #5c72b6}.content-paragraph{font-size:1rem;line-height:1.5;color:var(--content-text-color);margin:.5em 0;display:block}.content-heading{color:var(--content-heading-color);font-size:1.5rem;font-weight:700}.content-subheading{font-size:1.2rem;font-weight:700;color:var(--content-text-color)}.content-center{text-align:center}.content-start{text-align:start}.content-end{text-align:end}.content-bold{font-weight:700}.content-italic{font-style:italic}.content-link{text-decoration:none;color:var(--content-link-color);cursor:pointer}.content-link:hover{color:var(--content-heading-color)}.content-image{display:block;margin:1.5rem auto;max-width:100%;height:auto;border-radius:6px;box-shadow:0 4px 12px #0000001a;object-fit:contain}.content-table-wrapper{overflow-x:auto;width:100%;box-sizing:border-box;padding:30px 1rem 2.5rem}.content-table{border-collapse:collapse;box-shadow:0 4px 12px #0000001a;width:100%;min-width:600px;font-size:16px;font-family:Segoe UI,sans-serif;background-color:#fff}.content-table-caption{font-size:1.17em;font-weight:700;margin-top:1em;margin-bottom:1em}.content-table-header{background-color:#314d98!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px}.content-table-header-cell{font-weight:700;padding:12px 16px;text-align:center}.content-table-row:nth-child(2n):not(.content-table-header-row){background-color:#f2f2f2}.content-table-row:hover:not(.content-table-header-row){background-color:#e1f0ff;transition:background-color .3s ease}.content-table-cell{border:1px solid #ddd;padding:12px 16px;text-align:center}.content-table-cell.first{text-align:left!important}@media (max-width: 768px){.content-heading{font-size:1.25rem}.content-subheading{font-size:1.1rem}.content-paragraph{font-size:.95rem}.content-table{min-width:100%;font-size:14px}.content-table-cell,.content-table-header-cell{padding:8px 10px}.content-image{margin:1rem 0}}.editor-toolbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:1rem;background-color:var(--color-background, #f9f9f9);padding:1rem;border:1px solid var(--color-border, #ccc);border-radius:8px;margin-top:1rem}.editor-toolbar-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background-color:var(--color-surface, #fff);padding:.75rem;border-radius:6px;box-shadow:0 2px 6px #0000000a}.editor-toolbar-group .merge-buttons{display:flex;gap:.25rem}.editor-toolbar button{padding:.4rem .75rem;background-color:var(--color-primary, #314d98);color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.4rem}.editor-toolbar button:hover{background-color:var(--color-primary-dark, #223571)}.editor-toolbar input[type=number]{width:3rem;padding:.3rem;border:1px solid var(--color-border, #ccc);border-radius:4px;font-size:.9rem}.dialog{border:none;padding:var(--padding);border-radius:8px;max-width:400px;width:90%;background-color:var(--color-surface);color:var(--color-text);box-shadow:0 5px 30px #0003;animation:fadeIn .2s ease-out;z-index:100}.dialog::backdrop{background-color:#00000080}.dialog-message{font-size:1rem;line-height:1.5;margin-bottom:1.5rem;color:var(--color-text)}.dialog-actions{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.list-row{display:contents;cursor:pointer}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background)}.login-form{max-width:400px;width:100%}