:root{--navy:#10254d;--blue:#2864ed;--bg:#f4f7fb;--line:#dbe3ef;--muted:#718096}*{box-sizing:border-box}body{background:var(--bg);color:#14213d;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.site-header{color:#fff;background:linear-gradient(135deg,#0b1734,#16346d);box-shadow:0 8px 25px #07112626}.site-header h1{margin:0;font-size:1.4rem;font-weight:800}.site-header p{color:#c7d3eb;margin:1px 0 0;font-size:.8rem}.brand-icon{background:#ffffff17;border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.3rem;display:grid}.header-number,.header-label{display:block}.header-number{font-size:1.55rem;line-height:1}.header-label{color:#c7d3eb;margin-top:5px;font-size:.72rem}.stat-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:16px;height:100%;min-height:105px;padding:20px;display:flex;box-shadow:0 4px 18px #10254d08}.stat-icon{border-radius:15px;flex:none;place-items:center;width:53px;height:53px;font-size:1.3rem;display:grid}.stat-icon.blue{color:var(--blue);background:#eaf1ff}.stat-icon.green{color:#008662;background:#e8f8f1}.stat-card strong,.stat-card span{display:block}.stat-card strong{font-size:1.55rem;line-height:1.1}.stat-card div span{color:var(--muted);margin-top:4px;font-size:.85rem}.control-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:16px 20px}.compact-label{text-transform:uppercase;color:#5f6d82;font-size:.7rem;font-weight:800}.compact-label select{min-width:92px}.control-button,.control-card .form-control,.control-card .form-select,.control-card .btn{border-radius:10px;height:44px}.search-field{position:relative}.search-field i{color:#728097;position:absolute;top:15px;left:14px}.search-field input{width:250px;padding-left:39px}.go-input{width:135px}.btn-primary{background:var(--blue);border-color:var(--blue);font-weight:700}.photo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.photo-card{border:1px solid var(--line);background:#fff;border-radius:14px;animation:.25s show;overflow:hidden;box-shadow:0 3px 12px #10254d0c}.photo-card button{text-align:left;background:#fff;border:0;width:100%;padding:0;display:block}.photo-card img{aspect-ratio:1;object-fit:cover;background:#eaf0f6;width:100%;display:block}.photo-card button>span{padding:10px 12px;display:block}.photo-card small,.photo-card strong{display:block}.photo-card small{text-transform:uppercase;letter-spacing:.08em;color:#8a97aa;font-size:.6rem}.photo-card strong{color:#10254d;font-size:.82rem}.loading-state,.empty-state{color:#738198;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:310px;display:flex}.loading-state strong,.empty-state strong{color:#344258}.empty-state i{font-size:2.4rem}.pager{justify-content:center;align-items:center;gap:20px;margin:28px 0;display:flex}.pager span{color:#6f7d92;font-size:.8rem}.pager .btn{border-radius:10px;height:42px}.modal-content{border:0;border-radius:17px;overflow:hidden}.modal-photo{border-radius:10px;max-width:100%;max-height:72vh;margin:auto;display:block}footer{color:#93a0b3;font-size:.72rem}@keyframes show{0%{opacity:0;transform:translateY(7px)}}@media (width<=1100px){.photo-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=850px){.photo-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.site-header h1{font-size:1.05rem}.brand-icon{width:42px;height:42px}.stat-card{min-height:88px;padding:13px}.stat-icon{display:none}.stat-card strong{font-size:1.2rem}.control-card{padding:12px}.search-field,.search-field input,.go-input,#goForm{width:100%}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pager{gap:8px}.pager .btn{font-size:0}.pager .btn i{font-size:.8rem;margin:0!important}}@media (width<=390px){.photo-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1400px){.photo-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width>=1100px) and (width<=1399.98px){.photo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=768px) and (width<=1099.98px){.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.search-field input{width:210px}}@media (width<=767.98px){.site-header .container-fluid{padding-left:15px;padding-right:15px}.stat-card{min-height:92px}.control-card .d-flex{align-items:stretch!important}.control-card .flex-grow-1{display:none}.compact-label{width:calc(50% - 4px)}.compact-label select{width:100%}.control-button{width:calc(50% - 4px)}.search-field{order:3;width:100%}.search-field input{width:100%}#goForm{order:4;width:100%}.go-input{flex:1;width:auto}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.photo-card button>span{padding:8px 9px}.pager{z-index:5;border:1px solid var(--line);background:#fffffff2;border-radius:13px;width:max-content;max-width:calc(100% - 20px);margin:24px auto;padding:7px;position:sticky;bottom:10px;box-shadow:0 8px 24px #10254d1f}}@media (width<=479.98px){main.container-fluid{padding-left:10px;padding-right:10px}.site-header h1{font-size:1rem}.site-header p{font-size:.7rem}.brand-icon{border-radius:11px;width:40px;height:40px}.row.g-3{--bs-gutter-x:8px;--bs-gutter-y:8px}.stat-card{min-height:76px;padding:11px}.stat-card strong{font-size:1.05rem}.stat-card div span{font-size:.68rem}.control-card{padding:10px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-card small{font-size:.52rem}.photo-card strong{font-size:.75rem}.pager{gap:5px}.pager span{white-space:nowrap}.loading-state,.empty-state{min-height:230px}}@media (width<=340px){.photo-grid{grid-template-columns:1fr 1fr}.pager span{font-size:.68rem}.pager .btn{padding-left:10px;padding-right:10px}}