.navbar{position:sticky;top:0;z-index:40;background-color:#fff;border-bottom:1px solid #dee2e6;box-shadow:0 .125rem .25rem #00000013}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1.5rem}.navbar-brand{display:flex;align-items:center;gap:.75rem;color:#212529;transition:color .15s ease-in-out;cursor:pointer;flex-shrink:0;border:none;background:none;padding:0}.navbar-brand:hover{color:#0d6efd}.navbar-brand:hover .navbar-logo{opacity:.8;transform:scale(1.05)}.navbar-logo{height:3rem;width:auto;max-width:3rem;object-fit:contain;transition:opacity .15s ease-in-out,transform .15s ease-in-out}.navbar-brand-text{font-size:1.25rem;font-weight:700;display:none}@media(min-width:640px){.navbar-brand-text{display:inline}}.navbar-nav{display:none;align-items:center;gap:.25rem}@media(min-width:768px){.navbar-nav{display:flex}}.nav-link{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#495057;background:none;border:none;cursor:pointer;transition:all .15s ease-in-out}.nav-link:hover{color:#212529;background-color:#f8f9fa}.nav-link.active{background-color:#f8f9fa;color:#0d6efd;font-weight:600}.navbar-actions{display:flex;align-items:center;gap:.5rem}.navbar-action-btn{display:none;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#212529;background:none;border:none;cursor:pointer;transition:all .15s ease-in-out}@media(min-width:640px){.navbar-action-btn{display:inline-flex}}.navbar-action-btn:hover{background-color:#f8f9fa}.navbar-mobile-menu{display:flex;flex-wrap:wrap;gap:.25rem;padding:0 1.5rem .5rem;border-top:1px solid #e9ecef;margin-top:.5rem}@media(min-width:768px){.navbar-mobile-menu{display:none}}.mobile-nav-link{flex:1;padding:.5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;color:#495057;background:none;border:none;cursor:pointer;transition:all .15s ease-in-out}.mobile-nav-link:hover{color:#212529;background-color:#f8f9fa}.mobile-nav-link.active{background-color:#f8f9fa;color:#0d6efd;font-weight:600}.navbar-language-selector{position:relative;display:none}@media(min-width:640px){.navbar-language-selector{display:block}}.navbar-language-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#212529;background:none;border:none;cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap}.navbar-language-btn:hover{background-color:#f8f9fa}.navbar-language-flag{font-size:1.25rem;line-height:1}.navbar-language-name{display:none}@media(min-width:900px){.navbar-language-name{display:inline}}.navbar-language-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 .5rem 1rem #00000026;min-width:150px;z-index:50}.navbar-language-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;border:none;background:none;color:#212529;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;text-align:left}.navbar-language-menu-item:hover{background-color:#f8f9fa}.navbar-language-menu-item.active{background-color:#e7f1ff;color:#0d6efd;font-weight:600}.navbar-language-menu-flag{font-size:1.25rem;line-height:1}.navbar-language-menu-name{flex:1}.navbar-user{font-size:.875rem;font-weight:600;color:#495057;padding:0 .25rem;display:none}@media(min-width:1024px){.navbar-user{display:inline}}.navbar-logout{color:#dc3545}.navbar-logout:hover{background-color:#fff5f5;color:#b02a37}.mobile-language-selector{display:none;padding:.5rem;gap:.5rem;border-top:1px solid #e9ecef;margin-top:.5rem}@media(max-width:767px){.mobile-language-selector{display:flex;align-items:center}}.mobile-language-label{font-size:.75rem;font-weight:500;color:#495057;flex-shrink:0}.mobile-language-select{flex:1;padding:.375rem .5rem;border-radius:.375rem;border:1px solid #dee2e6;font-size:.75rem;font-weight:500;color:#212529;background-color:#fff;cursor:pointer;transition:all .15s ease-in-out}.mobile-language-select:hover{border-color:#adb5bd}.mobile-language-select:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.navbar-auth{display:flex;align-items:center;gap:1rem}.navbar-username{font-size:.875rem;font-weight:500;color:#212529}.navbar-login-btn,.navbar-logout-btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .15s ease-in-out}.navbar-login-btn{background-color:#0d6efd;color:#fff}.navbar-login-btn:hover{background-color:#0b5ed7}.navbar-logout-btn{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.navbar-logout-btn:hover{background-color:#e9ecef;color:#212529}.mobile-auth{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-top:1px solid #e9ecef;margin-top:.5rem}.mobile-username{font-size:.75rem;font-weight:500;color:#495057;padding:.5rem}.mobile-login-btn,.mobile-logout-btn{width:100%;padding:.5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:none;cursor:pointer;transition:all .15s ease-in-out}.mobile-login-btn{background-color:#0d6efd;color:#fff}.mobile-login-btn:hover{background-color:#0b5ed7}.mobile-logout-btn{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.mobile-logout-btn:hover{background-color:#e9ecef;color:#212529}.app-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:.75rem 1rem;margin-top:auto}.footer-line{margin:0;font-size:.875rem;color:#6c757d;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-weight:500}.footer-sep{color:#ccc;margin:0 .25rem}@media(max-width:768px){.footer-line{font-size:.75rem;gap:.375rem}.footer-sep{margin:0 .125rem}}.login-modal__form{display:flex;flex-direction:column;gap:1rem}.login-modal__error{padding:.75rem 1rem;background-color:#f8d7da;color:#842029;border:1px solid #f5c2c7;border-radius:.375rem;font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.875rem;font-weight:500;color:#212529}.form-control{padding:.625rem .75rem;border:1px solid #dee2e6;border-radius:.375rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd40}.form-control:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.article-card{background-color:#fff;border:1px solid #dee2e6;border-radius:.5rem;padding:1.5rem;box-shadow:0 .125rem .25rem #00000013;transition:all .15s ease-in-out}.article-card:hover{box-shadow:0 1rem 3rem #0000002d;border-color:#0d6efd}.article-card-header{margin-bottom:1rem}.article-card-title{font-size:1.5rem;font-weight:700;color:#212529;margin-bottom:.5rem}.article-card-date{font-size:.875rem;color:#6c757d}.article-card-content{color:#495057;line-height:1.5;margin-bottom:1rem;white-space:pre-line;overflow-wrap:break-word;word-break:break-word}.article-card-images{margin-bottom:1rem}.article-card-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.article-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:.375rem;border:1px solid #dee2e6;transition:border-color .15s ease-in-out}.article-card-image:hover{border-color:#0d6efd}.article-card-image-more{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;border-radius:.375rem;background-color:#f8f9fa;color:#6c757d;font-weight:600}.article-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #e9ecef}.article-card-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.article-card-badge-published{background-color:#d4edda;color:#155724}.article-card-badge-draft{background-color:#cfe2ff;color:#084298}.article-card-read-link{color:#0d6efd;font-weight:600;font-size:.875rem;transition:color .15s ease-in-out;text-decoration:none}.article-card-read-link:hover{color:#0b5ed7}.home-page{width:100%}.hero-section{position:relative;width:100%;padding:5rem 1rem;box-sizing:border-box}@media(min-width:640px){.hero-section{padding:8rem 1.5rem}}@media(min-width:1024px){.hero-section{padding:10rem 2rem}}.hero-background{position:absolute;inset:0;z-index:-10;opacity:.2}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#bfdbfe 0%,transparent 50%,#c7d2fe 100%)}.hero-content{margin:0 auto;max-width:42rem;text-align:center}.hero-title{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;color:#212529;margin-bottom:1.5rem}@media(min-width:640px){.hero-title{font-size:3rem}}@media(min-width:1024px){.hero-title{font-size:3.75rem}}.hero-title-accent{color:#0d6efd}.hero-subtitle{font-size:1.125rem;color:#6c757d;margin-bottom:2rem;line-height:1.625}@media(min-width:640px){.hero-subtitle{font-size:1.25rem}}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media(min-width:640px){.hero-buttons{flex-direction:row}}.hero-button-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:.375rem;background-color:#0d6efd;color:#fff;font-weight:600;transition:background-color .15s ease-in-out;border:none;cursor:pointer;text-decoration:none}.hero-button-primary:hover{background-color:#0b5ed7}.hero-button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:.375rem;background-color:#f8f9fa;color:#212529;font-weight:600;transition:background-color .15s ease-in-out;border:none;cursor:pointer}.hero-button-secondary:hover{background-color:#e2e6ea}.articles-section{width:100%;padding:4rem 1rem;background-color:#f8f9fa;box-sizing:border-box}@media(min-width:640px){.articles-section{padding:6rem 1.5rem}}@media(min-width:1024px){.articles-section{padding:8rem 2rem}}.articles-container{margin:0 auto;max-width:56rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:1.875rem;font-weight:700;color:#212529;margin-bottom:1rem}@media(min-width:640px){.section-title{font-size:2.25rem}}.section-subtitle{font-size:1.125rem;color:#6c757d}.articles-grid{display:flex;flex-direction:column;gap:1.5rem}.loading-state{text-align:center;padding:3rem 0}.loading-indicator{display:inline-flex;align-items:center;gap:.5rem}.loading-dot{width:.5rem;height:.5rem;background-color:#0d6efd;border-radius:9999px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-text{color:#6c757d}.error-state{border-radius:.375rem;background-color:#f8d7da;padding:1.5rem;border:1px solid #f5c6cb}.error-text{color:#721c24}.empty-state{text-align:center;padding:3rem 0}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background-color:#e9ecef;margin-bottom:1rem}.empty-text{color:#6c757d;font-size:1.125rem}.news-page{width:100%}.news-hero-section{position:relative;width:100%;padding:5rem 1rem;box-sizing:border-box}@media(min-width:640px){.news-hero-section{padding:8rem 1.5rem}}@media(min-width:1024px){.news-hero-section{padding:10rem 2rem}}.news-hero-background{position:absolute;inset:0;z-index:-10;opacity:.3}.news-hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#fed7aa 0%,transparent 50%,#fecaca 100%)}.news-hero-content{margin:0 auto;max-width:42rem;text-align:center}.news-hero-title{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;color:#212529;margin-bottom:1.5rem}@media(min-width:640px){.news-hero-title{font-size:3rem}}@media(min-width:1024px){.news-hero-title{font-size:3.75rem}}.news-hero-title-accent{color:#dc3545}.news-hero-subtitle{font-size:1.125rem;color:#6c757d;margin-bottom:2rem;line-height:1.625}@media(min-width:640px){.news-hero-subtitle{font-size:1.25rem}}.news-articles-section{width:100%;padding:4rem 1rem;background-color:#f8f9fa;box-sizing:border-box}@media(min-width:640px){.news-articles-section{padding:6rem 1.5rem}}@media(min-width:1024px){.news-articles-section{padding:8rem 2rem}}.news-articles-container{margin:0 auto;max-width:56rem}.news-loading-state{text-align:center;padding:3rem 0}.news-loading-indicator{display:inline-flex;align-items:center;gap:.5rem}.news-loading-dot{width:.5rem;height:.5rem;background-color:#dc3545;border-radius:9999px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.news-loading-text{color:#6c757d}.news-error-state{border-radius:.5rem;background-color:#f8d7da;padding:1.5rem;border:1px solid #f5c6cb}.news-error-text{color:#721c24}.news-empty-state{text-align:center;padding:3rem 0}.news-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background-color:#e9ecef;margin-bottom:1rem;font-size:1.5rem}.news-empty-text{color:#6c757d;font-size:1.125rem}.news-articles-grid{display:flex;flex-direction:column;gap:1.5rem}.article-list{width:100%;border-collapse:collapse;font-size:.875rem}.article-list thead{background-color:#f8f9fa;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:#212529}.article-list th,.article-list td{padding:1rem;text-align:left;border-bottom:1px solid #dee2e6}.article-list th{background-color:#f8f9fa;font-weight:600}.article-list tbody tr{transition:background-color .15s ease-in-out}.article-list tbody tr:hover{background-color:#f8f9fa}.article-list__empty{text-align:center;padding:2rem 1rem;color:#6c757d;font-size:1rem}.article-list__actions{display:flex;gap:.5rem;flex-wrap:nowrap}.article-list__action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.article-list__action-btn:disabled{opacity:.5;cursor:not-allowed}.article-list__action-icon{width:1.25rem;height:1.25rem;stroke-width:2}.article-list__action-btn--view{color:#0d6efd}.article-list__action-btn--view:hover:not(:disabled){background-color:#0d6efd1a;border-color:#0d6efd}.article-list__action-btn--edit{color:#6c757d}.article-list__action-btn--edit:hover:not(:disabled){background-color:#6c757d1a;border-color:#6c757d}.article-list__action-btn--delete{color:#dc3545}.article-list__action-btn--delete:hover:not(:disabled){background-color:#dc35451a;border-color:#dc3545}.modal{background-color:#fff;border-radius:.5rem;max-width:42rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column}.modal--large{max-width:56rem}.modal__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee2e6;padding:1.5rem;flex-shrink:0}.modal__body{padding:1.5rem;flex:1;overflow-y:auto}.modal__footer{display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid #dee2e6;padding:1.5rem;flex-shrink:0;background-color:#f8f9fa}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:.5rem}.details-row{display:flex;flex-direction:column;gap:.5rem}.details-row label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6c757d}.details-row span{font-size:.875rem;color:#212529}.details-section{margin-bottom:2rem}.details-section h3{font-size:1.125rem;font-weight:600;color:#212529;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #dee2e6}.details-content{font-size:.875rem;line-height:1.625;color:#495057;white-space:pre-wrap;word-break:break-word}.details-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem}.details-image-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.details-image-item img{width:100%;max-width:10rem;height:auto;border-radius:.375rem;border:1px solid #dee2e6;object-fit:cover}.details-image-name{font-size:.75rem;color:#6c757d;text-align:center;word-break:break-word;margin:0}.badge{display:inline-block;padding:.35rem .65rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge--created{background-color:#cfe2ff;color:#084298}.badge--published{background-color:#d4edda;color:#155724}.badge--closed{background-color:#f8d7da;color:#721c24}.article-form{display:flex;flex-direction:column;gap:1.5rem}.article-form__field{display:flex;flex-direction:column;gap:.5rem}.article-form__field label{display:block;font-weight:500;color:#212529;font-size:.875rem}.article-form__field input,.article-form__field select,.article-form__field textarea{display:block;width:100%;padding:.5rem;border:1px solid #dee2e6;border-radius:.375rem;font-size:.875rem;font-family:inherit;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.article-form__field input:focus,.article-form__field select:focus,.article-form__field textarea:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd40}.article-form__field input:disabled,.article-form__field select:disabled,.article-form__field textarea:disabled{background-color:#e9ecef;opacity:1;cursor:not-allowed}.article-form__field textarea{resize:vertical;min-height:10rem;font-family:monospace}.article-form__images{display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto;border:1px solid #dee2e6;border-radius:.375rem;padding:.75rem;background-color:#f8f9fa}.article-form__image-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .15s ease-in-out}.article-form__image-option:hover{background-color:#fff}.article-form__image-option input[type=checkbox]{width:auto;padding:0;margin:0;border:none;cursor:pointer;accent-color:#0d6efd}.article-form__image-label{font-size:.875rem;color:#212529;word-break:break-word;flex:1}.article-form__preview{border-top:1px solid #dee2e6;padding-top:1rem}.article-form__preview-title{font-size:.875rem;font-weight:600;color:#212529;margin:0 0 1rem}.article-form__preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:1rem}.article-form__preview-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.article-form__preview-item img{width:100%;max-width:8rem;height:auto;border-radius:.375rem;border:1px solid #dee2e6;object-fit:cover}.article-form__preview-name{font-size:.7rem;color:#6c757d;text-align:center;word-break:break-word;margin:0;line-height:1.2}.article-form__actions{display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid #dee2e6;padding-top:1.5rem}.confirm-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.confirm-dialog{background-color:#fff;border-radius:.5rem;padding:2rem;max-width:28rem;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.confirm-dialog p{margin:0 0 1.5rem;color:#212529;font-size:1rem;line-height:1.5}.confirm-dialog__actions{display:flex;gap:.75rem;justify-content:flex-end}.articles-page{width:100%;min-height:100vh;background-color:#fff}.articles-page-header{background-color:#fff;border-bottom:1px solid #dee2e6;padding:2rem 1rem}.articles-page-header-content{margin:0 auto;max-width:80rem}.articles-page-title{font-size:2rem;font-weight:700;color:#212529;margin:0 0 1rem}.articles-page-subtitle{font-size:1rem;color:#6c757d;margin:0 0 1rem}.articles-page-actions{display:flex;gap:.75rem;justify-content:flex-start}.articles-page-content{max-width:80rem;margin:0 auto;padding:2rem 1rem}.articles-page-loading{text-align:center;padding:4rem 1rem;color:#6c757d}.articles-page-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.5rem;padding:1.5rem;color:#721c24;margin-bottom:2rem}.articles-page-empty{text-align:center;padding:4rem 1rem;color:#6c757d}.image-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem}.image-list__empty{grid-column:1 / -1;text-align:center;padding:2rem 1rem;color:#6c757d;font-size:1rem}.image-list__item{display:flex;flex-direction:column;background-color:#fff;border:1px solid #dee2e6;border-radius:.5rem;overflow:hidden;transition:all .15s ease-in-out}.image-list__item:hover{box-shadow:0 1rem 3rem #0000002d;border-color:#0d6efd}.image-list__preview{position:relative;width:100%;padding-bottom:66.666%;overflow:hidden;background-color:#f8f9fa}.image-list__preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .15s ease-in-out}.image-list__item:hover .image-list__preview img{transform:scale(1.05)}.image-list__info{padding:1rem;flex:1;display:flex;flex-direction:column}.image-list__filename{font-size:.875rem;font-weight:600;color:#212529;margin:0 0 .5rem;word-break:break-word}.image-list__meta{font-size:.75rem;color:#6c757d;margin:0;display:flex;flex-direction:column;gap:.25rem}.image-list__type,.image-list__date{display:inline-block}.image-list__actions{padding:0 1rem 1rem;display:flex;gap:.5rem}.image-list__action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.image-list__action-btn:disabled{opacity:.5;cursor:not-allowed}.image-list__action-icon{width:1.25rem;height:1.25rem;stroke-width:2}.image-list__action-btn--delete{color:#dc3545}.image-list__action-btn--delete:hover:not(:disabled){background-color:#dc35451a;border-color:#dc3545}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-dialog{background-color:#fff;border-radius:.5rem;max-width:42rem;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee2e6;padding:1.5rem}.modal-header h2{font-size:1.5rem;font-weight:700;color:#212529;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:#6c757d;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .15s ease-in-out}.modal-close:hover{color:#212529}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{display:block;font-weight:500;color:#212529;font-size:.875rem}.form-input{display:block;width:100%;padding:.5rem;border:1px solid #dee2e6;border-radius:.375rem;font-size:.875rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd40}.form-input:disabled{background-color:#e9ecef;cursor:not-allowed}.form-help{font-size:.75rem;color:#6c757d;margin:0}.form-error{padding:.75rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.375rem;color:#721c24;font-size:.875rem;margin:0}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid #dee2e6;padding:1.5rem;background-color:#f8f9fa}.images-page{width:100%;min-height:100vh;background-color:#fff}.images-page-header{background-color:#fff;border-bottom:1px solid #dee2e6;padding:2rem 1rem}.images-page-header-content{margin:0 auto;max-width:80rem}.images-page-title{font-size:2rem;font-weight:700;color:#212529;margin:0 0 .5rem}.images-page-subtitle{font-size:1rem;color:#6c757d;margin:0 0 1rem}.images-page-actions{display:flex;gap:.75rem;justify-content:flex-start}.images-page-content{max-width:80rem;margin:0 auto;padding:2rem 1rem}.images-page-loading{text-align:center;padding:4rem 1rem;color:#6c757d}.images-page-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.5rem;padding:1.5rem;color:#721c24;margin-bottom:2rem}.images-page-empty{text-align:center;padding:4rem 1rem;color:#6c757d}.customer-list{width:100%;border-collapse:collapse;font-size:.875rem}.customer-list thead{background-color:#f8f9fa;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:#212529}.customer-list th,.customer-list td{padding:1rem;text-align:left;border-bottom:1px solid #dee2e6}.customer-list th{background-color:#f8f9fa;font-weight:600}.customer-list tbody tr{transition:background-color .15s ease-in-out}.customer-list tbody tr:hover{background-color:#f8f9fa}.customer-list__empty{text-align:center;padding:2rem 1rem;color:#6c757d;font-size:1rem}.customer-list__actions{display:flex;gap:.5rem;flex-wrap:nowrap}.customer-list__action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.customer-list__action-btn:disabled{opacity:.5;cursor:not-allowed}.customer-list__action-icon{width:1.25rem;height:1.25rem;stroke-width:2}.customer-list__action-btn--edit{color:#6c757d}.customer-list__action-btn--edit:hover:not(:disabled){background-color:#6c757d1a;border-color:#6c757d}.customer-list__action-btn--delete{color:#dc3545}.customer-list__action-btn--delete:hover:not(:disabled){background-color:#dc35451a;border-color:#dc3545}.customer-form{display:flex;flex-direction:column;gap:1.5rem}.customer-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem}.customer-form__field{display:flex;flex-direction:column;gap:.5rem}.customer-form__field label{display:block;font-weight:500;color:#212529;font-size:.875rem}.customer-form__field input{display:block;width:100%;padding:.5rem;border:1px solid #dee2e6;border-radius:.375rem;font-size:.875rem;font-family:inherit;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.customer-form__field input:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd40}.customer-form__field input:disabled{background-color:#e9ecef;opacity:1;cursor:not-allowed}.customer-form__actions{display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid #dee2e6;padding-top:1.5rem}.customer-page{width:100%;min-height:100vh;background-color:#fff}.customer-page-header{background-color:#fff;border-bottom:1px solid #dee2e6;padding:2rem 1rem}.customer-page-header-content{margin:0 auto;max-width:80rem}.customer-page-title{font-size:2rem;font-weight:700;color:#212529;margin:0 0 .5rem}.customer-page-subtitle{font-size:1rem;color:#6c757d;margin:0 0 1rem}.customer-page-actions{display:flex;gap:.75rem;justify-content:flex-start}.customer-page-content{max-width:80rem;margin:0 auto;padding:2rem 1rem}.customer-page-loading{text-align:center;padding:4rem 1rem;color:#6c757d}.customer-page-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.5rem;padding:1.5rem;color:#721c24;margin-bottom:2rem}.user-list{width:100%;border-collapse:collapse;font-size:.875rem}.user-list thead{background-color:#f8f9fa;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:#212529}.user-list th,.user-list td{padding:1rem;text-align:left;border-bottom:1px solid #dee2e6}.user-list th{background-color:#f8f9fa;font-weight:600}.user-list tbody tr{transition:background-color .15s ease-in-out}.user-list tbody tr:hover{background-color:#f8f9fa}.user-list__empty{text-align:center;padding:2rem 1rem;color:#6c757d;font-size:1rem}.user-list__authorities{display:flex;gap:.5rem;flex-wrap:wrap}.user-list__badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.65rem;font-weight:600;background-color:#e7f3ff;color:#004085;text-transform:uppercase}.user-list__status-active{display:inline-block;padding:.35rem .65rem;border-radius:.25rem;font-size:.75rem;font-weight:600;background-color:#d4edda;color:#155724;text-transform:uppercase}.user-list__status-inactive{display:inline-block;padding:.35rem .65rem;border-radius:.25rem;font-size:.75rem;font-weight:600;background-color:#f8d7da;color:#721c24;text-transform:uppercase}.user-list__actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn--sm{padding:.25rem .5rem;font-size:.75rem}.btn--danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.btn--danger:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}.user-list__action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.user-list__action-btn:disabled{opacity:.5;cursor:not-allowed}.user-list__action-icon{width:1.25rem;height:1.25rem;stroke-width:2}.user-list__action-btn--edit{color:#6c757d}.user-list__action-btn--edit:hover:not(:disabled){background-color:#6c757d1a;border-color:#6c757d}.user-list__action-btn--delete{color:#dc3545}.user-list__action-btn--delete:hover:not(:disabled){background-color:#dc35451a;border-color:#dc3545}.user-form{display:flex;flex-direction:column;gap:1.5rem}.user-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem}.user-form__field{display:flex;flex-direction:column;gap:.5rem}.user-form__field label{display:block;font-weight:500;color:#212529;font-size:.875rem}.user-form__field input,.user-form__field select{display:block;width:100%;padding:.5rem;border:1px solid #dee2e6;border-radius:.375rem;font-size:.875rem;font-family:inherit;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.user-form__field input:focus,.user-form__field select:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd40}.user-form__field input:disabled,.user-form__field select:disabled{background-color:#e9ecef;opacity:1;cursor:not-allowed}.user-form__field input[type=checkbox]{width:auto;padding:0;margin:0;margin-right:.5rem;border:none;cursor:pointer;accent-color:#0d6efd}.user-form__authorities{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem}.user-form__authority{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#212529}.user-form__authority input{margin:0;width:auto;padding:0}.user-form__actions{display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid #dee2e6;padding-top:1.5rem}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;overflow-y:auto}.modal{background-color:#fff;border-radius:.5rem;max-width:42rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee2e6;padding:1.5rem}.modal__header h2{font-size:1.5rem;font-weight:700;color:#212529;margin:0}.modal__close{background:none;border:none;font-size:2rem;color:#6c757d;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .15s ease-in-out}.modal__close:hover{color:#212529}.modal__body{padding:1.5rem}.user-page{width:100%;min-height:100vh;background-color:#fff}.user-page-header{background-color:#fff;border-bottom:1px solid #dee2e6;padding:2rem 1rem}.user-page-header-content{margin:0 auto;max-width:80rem}.user-page-title{font-size:2rem;font-weight:700;color:#212529;margin:0 0 .5rem}.user-page-subtitle{font-size:1rem;color:#6c757d;margin:0 0 1rem}.user-page-actions{display:flex;gap:.75rem;justify-content:flex-start}.user-page-content{max-width:80rem;margin:0 auto;padding:2rem 1rem}.user-page-loading{text-align:center;padding:4rem 1rem;color:#6c757d}.user-page-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.5rem;padding:1.5rem;color:#721c24;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap}.btn:disabled{opacity:.65;cursor:not-allowed}.btn--primary{background-color:#0d6efd;color:#fff;border-color:#0d6efd}.btn--primary:hover:not(:disabled){background-color:#0b5ed7;border-color:#0a58ca}.btn--secondary{background-color:#6c757d;color:#fff;border-color:#6c757d}.btn--secondary:hover:not(:disabled){background-color:#5c636a;border-color:#565e64}