button{cursor:pointer}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:#0056b3}.btn--secondary{background:#6c757d;color:#fff}.btn--secondary:hover:not(:disabled){background:#545b62}.btn--danger{background:#dc3545;color:#fff}.btn--danger:hover:not(:disabled){background:#c82333}.btn--ghost{background:#0000;border:1px solid var(--bg-surface-2);color:var(--accent)}.btn--ghost:hover:not(:disabled){background:#007bff1a}.btn--sm{font-size:13px;padding:6px 12px}.btn--md{font-size:14px;padding:10px 20px}.btn--lg{font-size:16px;padding:14px 28px}.btn-icon{line-height:1;margin-right:6px}.btn--disabled,.btn:disabled{cursor:not-allowed;opacity:.6}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn{transition:none!important}}.btn .svg-inline--fa,.btn svg{height:1em;margin-right:6px;vertical-align:middle;width:1em}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;justify-content:center;line-height:1;padding:10px 20px;text-decoration:none;transition:background .2s,transform .1s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#546a80;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-sm{font-size:13px;padding:6px 12px}.admin-panel-button{background:#6c757d;background:none;border:none;border-radius:4px;color:var(--text);cursor:pointer;display:block;font-size:14px;padding:8px 12px;transition:background .2s}.admin-panel-button:hover{background:#545b62}.header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:clamp(5px,1vw,3px) clamp(20px,2vw,32px);width:100%}.header-left,.header-right{align-items:center;display:flex;gap:12px}.site-title{font-size:clamp(18px,1.6vw,26px);font-weight:600}.burger-button{background:none;border:none;color:var(--text);cursor:pointer;display:none;font-size:22px}@media (max-width:900px){.burger-button{display:block}}.sidebar{background:var(--bg-surface);flex-shrink:0;height:auto;padding:20px;width:clamp(200px,16vw,260px)}.sidebar-header{align-items:center;border-bottom:1px solid #243058;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.sidebar-close{background:none;border:none;color:#666;color:var(--text);font-size:20px;padding:4px}.category-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.category-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s}.category-item:hover{background:var(--bg-surface-2)}.category-item--active{background:#243058;color:#9fb5ff}.sidebar-overlay{display:none}.category-delete-btn{background:none;border:none;box-shadow:none;color:var(--text)}@media (max-width:900px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s;z-index:100}.sidebar--open{transform:translateX(0)}.sidebar-overlay{background:#0009;display:block;inset:0;position:fixed;z-index:90}}@media (min-width:901px){.sidebar-close{display:none}}.footer{background:var(--bg-surface);border-top:1px solid var(--border);color:var(--text-dim);margin-right:10px;padding:clamp(14px,1.2vw,20px);text-align:end}.search-container{width:min(100%,480px)}.search-input-wrapper{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:5px;display:flex;gap:8px;padding:10px 14px}.search-input{background:none;border:none;color:var(--text);flex:1 1;font-size:14px;outline:none}.search-clear{background:none;border:none;color:var(--text-dim);cursor:pointer}.public-page{display:flex;flex-direction:column;min-height:100dvh}.public-container{display:flex;flex:1 1;gap:1rem;margin:0 auto;padding:0 1rem 0 0;width:100%}.public-content{flex:1 1;min-width:0}@media (max-width:768px){.public-container{flex-direction:column;padding:0 1rem}}.gallery-stats{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin:0 0 2px;padding:5px 0}.stats-item{align-items:center;display:inline-flex;gap:6px}.stats-value{color:var(--text-primary);font-weight:600}.stats-label{color:#888;font-size:13px}.stats-item--filtered{color:#999}.stats-item--loading{align-items:center;color:#666;display:inline-flex;font-style:italic;gap:8px}.loading-spinner-small{animation:spin 1s linear infinite;font-size:14px}@media (max-width:768px){.gallery-stats{font-size:13px;gap:16px;padding:12px 0}.stats-icon{font-size:14px}.stats-label{font-size:12px}}@media (max-width:480px){.gallery-stats{flex-wrap:wrap;gap:12px}.stats-item{gap:4px}}@media (prefers-reduced-motion:reduce){.loading-spinner-small{animation:none!important}}.photo-card{background:var(--bg-surface);border-radius:var(--radius);cursor:pointer;overflow:hidden;transition:transform .25s,box-shadow .25s}.photo-card:hover{box-shadow:0 10px 30px #0009;transform:translateY(-4px)}.photo-card-image-wrapper{aspect-ratio:4/3;position:relative;width:100%}.photo-card-image{display:block;height:100%;object-fit:cover;width:100%}.photo-card-overlay{align-items:center;background:#00000073;display:flex;font-size:28px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s}.photo-card:hover .photo-card-overlay{opacity:1}.photo-card-delete{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;opacity:1;padding:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease;width:32px;z-index:50}.photo-card-delete:hover{background:#b02a37f2}@media (max-width:768px){.photo-card-delete{opacity:1}}.photo-card-list{grid-gap:clamp(12px,1.5vw,22px);display:grid;gap:clamp(12px,1.5vw,22px);grid-template-columns:repeat(auto-fit,minmax(clamp(180px,20vw,320px),1fr))}.photo-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gallery-section,.photo-grid{padding:8px 0}@media (max-width:768px){.photo-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.photo-grid{gap:16px;grid-template-columns:1fr}}.empty-state--gallery{background:#f9f9f9;border-radius:8px;color:#666;margin:32px 0;padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;line-height:1;margin-bottom:16px}.empty-state-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 12px}.empty-state-description{color:#888;font-size:14px;line-height:1.6;margin:0 0 24px}.empty-state--gallery .btn-primary{min-width:180px}@media (max-width:768px){.empty-state--gallery{margin:24px 0;padding:48px 16px}.empty-state-icon{font-size:40px}.empty-state-title{font-size:18px}.empty-state-description{font-size:13px}}@media (max-width:480px){.empty-state--gallery{padding:40px 12px}.empty-state--gallery .btn-primary{min-width:auto;width:100%}}.empty-state--gallery :focus-visible{outline:2px solid #007bff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.empty-state--gallery *{animation:none!important;transition:none!important}}.error-container{align-items:center;color:#666;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding:60px 20px;text-align:center}.error-icon{font-size:48px;line-height:1;margin-bottom:16px}.error-title{color:#dc2626;font-size:24px;font-weight:600;margin:0 0 12px}.error-description{color:#888;font-size:14px;line-height:1.6;margin:0 0 24px}.error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.error-hint{color:#999;font-size:13px;line-height:1.5;margin-top:20px;max-width:400px}@media (max-width:768px){.error-container{padding:48px 16px}.error-icon{font-size:40px}.error-title{font-size:20px}.error-actions{align-items:center;flex-direction:column;gap:8px}.error-actions .btn{max-width:280px;width:100%}}@media (max-width:480px){.error-container{padding:40px 12px}.error-title{font-size:18px}.error-description{font-size:13px}.error-hint{font-size:12px;margin-top:16px}}.error-container :focus-visible{outline:2px solid #007bff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.error-container *{animation:none!important;transition:none!important}}.loading-container{padding:60px 20px;text-align:center}.spinner-icon{animation:spin 1s linear infinite;font-size:48px;line-height:1;margin-bottom:16px}.loading-text{color:#888;font-size:16px;margin:0 0 24px}.loading-progress{background:#e0e0e0;border-radius:2px;height:4px;overflow:hidden;width:200px}.progress-bar{animation:progress-pulse 1.5s ease-in-out infinite;background:#007bff;border-radius:2px;height:100%;width:60%}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.loading-container{padding:48px 16px}.spinner-icon{font-size:40px}.loading-text{font-size:14px}.loading-progress{width:160px}}@media (max-width:480px){.loading-container{padding:40px 12px}.spinner-icon{font-size:36px}.loading-text{font-size:13px}.loading-progress{height:3px;width:120px}}@media (prefers-reduced-motion:reduce){.progress-bar,.spinner-icon{animation:none!important}}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:12px;margin:0 0 24px;padding:12px 16px}.error-banner-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:18px}.error-banner-text{flex:1 1;line-height:1.5}.error-banner .btn{flex-shrink:0}@media (max-width:768px){.error-banner{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.error-banner .btn{width:100%}}@media (max-width:480px){.error-banner{font-size:13px}.error-banner-icon{font-size:16px}}.error-banner :focus-visible{outline:2px solid #dc2626;outline-offset:2px}@media (prefers-reduced-motion:reduce){.error-banner *{animation:none!important;transition:none!important}}.photo-carousel{margin:30px auto;max-width:1000px;position:relative;width:100%}.carousel-btn{align-items:center;background:none;border:2px solid #0000;color:#f7f7f7;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:20}.carousel-btn--disabled,.carousel-btn:disabled{cursor:not-allowed;opacity:.4;transform:translateY(-50%)}.carousel-btn--prev{left:16px}.carousel-btn--next{right:16px}.carousel-counter{align-items:center;background:#000000b3;border-radius:20px;bottom:0;color:#fff;display:flex;font-size:13px;font-weight:600;gap:4px;left:50%;padding:6px 16px;position:absolute;transform:translateX(-50%);z-index:20}.counter-separator{color:#ffffffb3}@media (max-width:1024px){.carousel-btn--prev{left:8px}.carousel-btn--next{right:8px}}@media (max-width:768px){.carousel-btn{font-size:20px;height:40px;width:40px}.carousel-counter{bottom:12px;font-size:12px;padding:4px 12px}}.lightbox-overlay{align-items:center;animation:lightbox-fade-in .2s ease;background:#000000e6;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s;width:40px}.lightbox-close:hover{background:#fff3}.lightbox-close:focus{outline:2px solid #fff;outline-offset:2px}.lightbox-content{align-items:center;display:flex;height:100%;justify-content:center;width:auto}.lightbox-image{animation:lightbox-zoom-in .3s ease;border-radius:4px;box-shadow:0 8px 32px #0000004d;height:100%;object-fit:contain;width:auto}@keyframes lightbox-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-caption{color:#fff;margin-top:20px;text-align:center}.lightbox-caption p{font-size:16px;margin:4px 0}.lightbox-caption p:first-child{font-size:18px;font-weight:600}@media (max-width:768px){.lightbox-close{font-size:20px;height:36px;right:12px;top:12px;width:36px}.lightbox-content,.lightbox-image{max-height:70vh}.lightbox-caption{margin-top:16px}.lightbox-caption p{font-size:14px}.lightbox-caption p:first-child{font-size:16px}}@media (max-width:480px){.lightbox-overlay{padding:12px}.lightbox-content{max-height:60vh;max-width:95vw}.lightbox-image{border-radius:2px;max-height:60vh}}@media (prefers-reduced-motion:reduce){.lightbox-image,.lightbox-overlay{animation:none!important}}.photo-figure{cursor:zoom-in;margin:0 3px 15px;min-height:25%;position:relative;text-align:center}.photo-large{background:var(--bg-main);border-radius:8px;box-shadow:0 4px 24px #0000001a;height:100%;margin-top:1rem;max-height:70vh;object-fit:contain;width:100%}.photo-zoom-hint{background:#0009;border-radius:4px;bottom:16px;color:#fff;font-size:12px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;right:16px;transition:opacity .2s}.photo-figure:hover .photo-zoom-hint{opacity:1}@media (max-width:768px){.photo-figure{margin:0 16px 20px}.photo-large{max-height:60vh}}.photo-zoom-hint svg{font-size:14px;vertical-align:middle}.photo-header{display:flex;flex-direction:column;min-width:0;padding:5px 0}.photo-title{color:var(--text);font-size:24px;font-weight:600;margin:0 0 8px}.photo-meta{align-items:center;background:var(--bg-main);border-radius:5px;display:flex;flex-wrap:wrap;gap:12px 24px;margin:8px 0;padding:12px 16px}.photo-meta-item{align-items:center;color:var(--text);display:inline-flex;font-size:20px;gap:5px;margin:0}.photo-category{color:var(--text-main);font-size:20px;margin:0}.meta-icon svg{color:#666;font-size:14px}@media (max-width:768px){.photo-title{font-size:20px}.photo-meta{gap:8px 16px;padding:10px 12px}.photo-category,.photo-meta-item{font-size:14px}}@media (max-width:480px){.photo-title{font-size:18px}.photo-meta{align-items:flex-start;flex-direction:column;gap:8px}}.photo-stats{align-items:center;display:flex;gap:20px;padding:16px 0}.btn-like{align-items:center;background:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-size:15px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-like:hover:not(:disabled){background:var(--accent);transform:translateY(-1px)}.btn-like:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-like--active{background:#dc3545}.btn-like--active:hover:not(:disabled){background:#c82333}.views-count{align-items:center;color:var(--text);display:inline-flex;font-size:16px;gap:6px}@media (max-width:768px){.photo-stats{gap:12px;padding:12px 0}.btn-like{padding:8px 16px}.btn-like,.views-count{font-size:14px}}@media (max-width:480px){.photo-stats{align-items:flex-start;flex-direction:column}.btn-like{justify-content:center;width:100%}}.comment-form-title{font-size:20px}.honeypot-field{height:0;left:-9999px;opacity:0;overflow:hidden;position:absolute;top:-9999px;visibility:hidden;width:0}.honeypot-field input,.honeypot-field label{display:none}#comment-name{width:30%}.photo-comments{margin-top:10px;padding-top:32px;width:60%}.comments-heading{border-bottom:1px solid #f0f0f0;color:var(--text-dim);font-size:20px;font-weight:600;margin:0 0 24px;padding-bottom:12px}.comments-loading{align-items:center;background:#f9f9f9;border-radius:8px;color:#666;display:flex;font-size:14px;gap:12px;justify-content:center;padding:32px}#captcha-answer{max-width:30%}.comments-loading .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.comments-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px}.comments-error button{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 12px;transition:background .2s}.comments-error button:hover{background:#b91c1c}.comments-error button:disabled{cursor:not-allowed;opacity:.6}.comments-empty{background:#f9f9f9;border-radius:8px;color:#666;padding:40px 20px;text-align:center}.comments-empty p{font-size:14px;margin:0}.captcha-refresh{background:var(--bg-surface-2);border:none;box-shadow:none;margin:5px}.comments-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.comment-item{animation:fadeIn .2s ease}.comments-load-more{display:flex;justify-content:center;margin:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.comment{border-radius:8px;padding:16px 20px;transition:background .2s}.comment,.comment:hover{background:#f0f0f0}.comment-header{align-items:center;color:var(--text-main);display:flex;flex-direction:row;gap:12px;justify-content:flex-start;margin-bottom:12px}.comment-author{color:#1a1a1a;font-size:15px}.comment-date{color:#2a2929;font-size:12px;white-space:nowrap}.comment-text{word-wrap:break-word;color:var(--text-sub);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}#comment-text{box-sizing:border-box;resize:vertical}.photo-comments .comment-form{background:var(--bg-surface);border:1px solid var(--border);border-radius:5px;margin-bottom:32px;padding:20px}.photo-comments .comment-form h3{color:var(--text);font-size:18px;margin:0 0 16px}@media (max-width:768px){.photo-comments{margin-top:32px;padding-top:24px}#comment-name{width:50%}.comment-header{align-items:flex-start;flex-direction:column;gap:4px}.comment-date{font-size:11px}.comment{padding:14px 16px}.comments-error{align-items:flex-start;flex-direction:column;gap:12px}.comments-error button{width:100%}}@media (max-width:480px){.comments-heading{font-size:16px}.comment-author{font-size:14px}.comment-text{font-size:13px}.comments-empty{padding:32px 16px}}.comment-item:focus-within{border-radius:8px;outline:2px solid #007bff;outline-offset:2px}.comments-error button:focus{outline:2px solid #dc2626;outline-offset:2px}@media (max-width:1400px){.photo-comments{width:90%}}.photo-meta-row{flex-direction:row;gap:16px;width:100%}.photo-meta-row,.photo-page-content{align-items:center;display:flex;justify-content:center}.login-page,.photo-page-content{flex-direction:column}.login-page{display:flex;min-height:100vh}.login-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.login-card{background:var(--bg-surface);border-radius:5px;box-shadow:0 10px 30px #0000004d;color:#fff;max-width:420px;padding:32px;width:100%}.login-card h1{font-weight:600;margin-bottom:24px;text-align:center}.form-group{margin-bottom:16px}.form-group label{font-size:14px}.form-group input{background:var(--text);border:1px solid #444;border-radius:5px;color:var(--bg-main);font-size:14px;padding:10px 12px;width:100%}.send-btn{background:var(--accent);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;width:20%}.send-btn:disabled{cursor:not-allowed;opacity:.6}.alert-error{background:#3a1212;color:#ff8080;font-size:14px;margin-bottom:16px;padding:10px}.login-countdown{animation:pulse 2s infinite;background:#2829491a;border-left:3px solid #262f4e;border-radius:4px;color:#666;font-size:.95em;margin:.5rem 0 1rem;padding:.5rem;text-align:center}.login-countdown strong{color:#333;font-family:monospace;font-weight:600}.btn-primary:disabled{background:var(--bg-surface)}.alert-error{box-shadow:0 0 0 2px #dc35451a;transition:box-shadow .2s ease}.alert-error:hover{box-shadow:0 0 0 2px #dc354533}.btn-primary:disabled{cursor:not-allowed;opacity:.7}@media (max-width:480px){.login-card{padding:24px}.send-btn{width:50%}}.admin-nav{display:flex;flex-wrap:wrap;gap:12px}.admin-nav-link{align-items:center;background:var(--bg-surface);border-radius:10px;color:var(--text-dim);display:flex;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:.2s}.admin-nav-link--active{background:var(--accent);color:#fff;cursor:none}.admin-nav-link:hover{background:#abaaaa;color:var(--bg-surface)}.home-button{border:none;border-radius:5px;color:#fff;padding:10px 20px}.admin-main{display:flex;flex:1 1;justify-content:center;padding:32px 20px;width:100%}.admin-container{gap:32px}.admin-header{display:flex;flex-direction:column;gap:8px}.admin-title{font-size:32px;font-weight:700}.admin-subtitle{color:#666;font-size:16px}.admin-section{background:var(--bg-surface-2);border-radius:14px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:20px;padding:28px}.admin-section h2{border-bottom:1px solid #ccc;padding:5px}.section-title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:8px}@media (max-width:768px){.admin-main{padding:24px 14px}.admin-title{font-size:26px}.admin-section{padding:20px}}.admin-page--loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-container{color:#666;flex-direction:column;gap:16px}.loading-container .spinner{color:#333;font-size:48px}.loading-container p{font-size:16px;margin:0}.upload-form{gap:20px}.form-group,.upload-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{font-weight:600}.form-input,.form-select{border:1px solid #dcdcdc;border-radius:8px;font-size:15px;padding:10px 12px;width:100%}.form-input:focus,.form-select:focus{border-color:#666;outline:none}.file-upload-container{position:relative}.file-input{display:none}.file-upload-label{align-items:center;border:2px dashed #ccc;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:28px;text-align:center;transition:.2s}.file-upload-label:hover{border-color:#777}.upload-text{font-weight:600}.upload-hint{color:#777;font-size:13px}.form-actions{margin-top:10px}.char-counter{color:#777;font-size:12px;text-align:right}.loading-select{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;padding:10px 12px}.form-error{color:#dc3545;font-size:13px}.form-hint{color:#777;font-size:12px}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:12px 16px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-icon{font-size:16px}.file-preview{display:flex;flex-direction:column;gap:12px}.preview-header{align-items:center;display:flex;justify-content:space-between}.preview-label{font-weight:600}.preview-image-wrapper{border-radius:10px;max-height:400px;overflow:hidden;width:100%}.preview-image{height:100%;object-fit:contain;width:100%}.preview-info{color:#555;display:flex;font-size:13px;gap:12px}.file-name{font-weight:500}.file-size{color:#777}.admin-info{background:var(--bg-surface-2);border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:28px}.info-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-card{background:var(--bg-surface);border-radius:10px;padding:16px}.info-card-title{font-size:16px;font-weight:600;margin-bottom:6px}.info-card-list{color:var(--text-dim);font-size:14px;margin:0;padding-left:20px}.info-card-list li{margin-bottom:4px}.info-card-text{color:var(--text-dim);font-size:14px;line-height:1.5}.info-card-text a{color:#007bff;margin-left:4px;text-decoration:none}.info-card-text a:hover{text-decoration:underline}.admin-page{display:flex;flex-direction:column;min-height:100vh}.admin-container{display:flex;flex:1 1;flex-direction:column;gap:28px;margin:0 auto;max-width:1100px;padding:32px 20px;width:100%}.admin-container h1{font-size:30px;font-weight:700}.loading-container{flex:1 1;justify-content:center}.loading-container,.spinner{align-items:center;display:flex}.spinner{font-size:18px;gap:10px}.alert-error{background:#ffeaea;border:1px solid #ffb3b3;border-radius:5px;font-weight:500;padding:12px 16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{align-items:center;background:#fff;border-radius:5px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:18px}.stat-value{color:var(--bg-surface);font-size:26px;font-weight:700}.stat-label{color:#666;font-size:14px}.stat-card.pending{background:#fff8d6}.stat-card.approved{background:#e9ffe9}.stat-card.rejected{background:#ffecec}.filter-bar{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:var(--bg-surface);border:none;border-radius:5px;color:var(--text-dim);cursor:pointer;font-weight:500;padding:8px 14px;transition:.2s}.filter-btn:hover{background:#e5e5e5}.filter-btn.active{background:#111;color:#fff}.comments-moderation-list{display:flex;flex-direction:column;gap:18px}.empty-state{color:#666;font-size:16px;padding:40px 0;text-align:center}.comment-card{background:#fff;border-radius:5px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:14px;padding:20px}.comment-card.pending{border-left:4px solid #f1c40f}.comment-card.approved{border-left:4px solid #2ecc71}.comment-card.rejected{border-left:4px solid #e74c3c}.comment-author{font-weight:600}.comment-status{color:var(--bg-surface);font-size:14px}.comment-text{font-size:16px;line-height:1.5}.comment-meta{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.comment-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-success{background:#2ecc71;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.rejection-reason{background:#fff3f3;border:1px solid #ffd0d0;border-radius:5px;font-size:14px;padding:10px 12px}@media (max-width:768px){.admin-container{padding:24px 14px}.admin-container h1{font-size:24px}.comment-header{align-items:flex-start;flex-direction:column}.comment-meta{gap:6px}.comment-actions,.comment-meta{flex-direction:column}.comment-actions button{width:100%}}:root{--bg-main:#0c0e13;--bg-surface:#141821;--bg-surface-2:#1b2030;--border:#2b3140;--text:#e6e9f2;--text-dim:#9aa3b5;--text-main:#0b0c0e;--text-sub:#1e2024;--accent:#7c9cff;--radius:12px;--sidebar-width:clamp(190px,18vw,260px);--content-max:1800px;--space-xs:clamp(4px,0.5vw,8px);--space-sm:clamp(8px,1vw,14px);--space-md:clamp(16px,1.6vw,24px);--space-lg:clamp(24px,2.5vw,40px)}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#0c0e13;background:var(--bg-main);color:#e6e9f2;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;margin:0}