*{box-sizing:border-box}body{color:#1f2937;background:#f3f6f9;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1,h2,h3,p,ul{margin:0}h1{margin-bottom:6px}h2{margin-bottom:10px}p{line-height:1.45}ul{padding-left:20px}.app-layout{gap:16px;max-width:960px;margin:0 auto;padding:24px 16px 40px;display:grid}.panel{background:#fff;border:1px solid #d9dee5;border-radius:10px;padding:16px}.search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.box-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.box-card{color:inherit;background:#f9fbfd;border:1px solid #d9dee5;border-radius:8px;padding:12px;text-decoration:none;transition:border-color .2s}.box-card:hover{border-color:#8ca6c2}.box-card h3{margin-top:0;margin-bottom:8px}.input-group{gap:6px;display:grid}.box-form{gap:12px;display:grid}input,textarea,button{font:inherit}input,textarea{box-sizing:border-box;border:1px solid #c5ced8;border-radius:6px;width:100%;padding:8px 10px}button{color:#fff;cursor:pointer;background:#1f6fbe;border:1px solid #0f4f90;border-radius:6px;padding:8px 12px}button:disabled{opacity:.7;cursor:not-allowed}.error{color:#b32222}.details-page{gap:10px;display:grid}.box-photo{border:1px solid #d9dee5;border-radius:8px;width:100%;max-width:320px}@media (width<=800px){.search-grid,.box-grid{grid-template-columns:1fr}}
