:root{--color-bg-primary:#fcfcfc;--color-bg-secondary:#fff;--color-border-primary:#f0f0f0;--color-border-secondary:#ececec;--color-border-dark:#bbb;--color-bg-dark:#222;--color-bg-light:#fff;--color-text-primary:#222;--color-text-secondary:#707070;--shadow-primary:rgb(0 0 0/4%) 0px 1px 2px;--shadow-card:rgb(0 0 0/8%) 0px 4px 8px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--color-bg-primary);font-family:Open Sans,sans-serif;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6,p,span{margin:0}.shadow-border{box-shadow:var(--shadow-primary)}.app-container{max-width:1280px;padding:0 20px;margin:0 auto}.box-wrapper{border:1px solid var(--color-border-primary);box-shadow:var(--shadow-primary);padding:24px;border-radius:10px;background-color:#fff}@media screen and (max-width:1280px){.app-container{max-width:1000px}}.page-header__title{padding:35px 0}.usercard__container{display:flex;flex-direction:column;justify-content:space-between;padding:30px 30px 35px;background-color:var(--color-bg-secondary);box-shadow:var(--shadow-card)}.usercard__username{margin-bottom:8px}.usercard__info{display:flex;justify-content:space-between;font-size:14px;color:var(--color-text-secondary)}.usercard__info-left{margin-right:10px}.usercard__info-row{display:flex;margin-bottom:8px}.usercard__info-row .icon{margin-right:10px;padding-top:3px}.usercard__info-right{display:flex;align-items:flex-end}.usercard__contact-btn{cursor:pointer;border:1px solid var(--color-border-secondary);outline:none;background-color:var(--color-bg-secondary);padding:10px 14px;border-radius:4px;min-width:140px;text-decoration:none;color:inherit}.usercard__contact-btn:hover{background-color:var(--color-bg-primary)}@media screen and (max-width:600px){.usercard__container{padding:20px 20px 25px;font-size:14px}.usercard__info{display:block}.usercard__contact-btn{width:100%;margin-top:10px}}.grid__container{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));-moz-column-gap:20px;column-gap:20px;row-gap:30px;margin-top:25px;margin-bottom:25px}@media screen and (max-width:1280px){.grid__container{grid-template-columns:repeat(2,minmax(300px,1fr))}}@media screen and (max-width:900px){.grid__container{grid-template-columns:1fr}}.filter-panel__container{margin:20px 0;border:1px solid var(--color-border-primary);box-shadow:var(--shadow-primary);padding:24px;border-radius:10px;background-color:var(--color-bg-secondary)}.filter-panel__title{padding-bottom:20px}.filter-panel__inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;-moz-column-gap:40px;column-gap:40px}.filter-panel__actions{display:flex;justify-content:flex-end;padding:25px 0 10px}.filter-panel__actions-btn{cursor:pointer;margin:0 4px;outline:none;border:none;padding:10px 20px;border-radius:4px;font-size:16px}.filter-panel__actions-btn.search{background-color:var(--color-bg-dark);color:#fff}.filter-panel__actions-btn.reset{border:1px solid var(--color-border-secondary);background-color:var(--color-bg-light)}@media screen and (max-width:800px){.filter-panel__inputs{grid-template-columns:1fr}.filter-panel__actions{justify-content:space-between}.filter-panel__actions-btn{width:100%}}.app__input{padding:10px;border:2px solid var(--color-border-dark);border-radius:4px;outline:none;font-size:16px}.app__input:focus{border:2px solid var(--color-bg-dark)}