:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#000}body{margin:0;padding-top:200px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid black;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html{scrollbar-gutter:stable}#root{text-align:center;display:flex;flex-direction:column;min-height:80vh;justify-content:space-between}ul,li{display:block}.container{padding-right:15px;padding-left:15px;margin:0 auto;max-width:1200px;width:90%}.header{padding:20px 0}.App{display:flex;flex-direction:column}.Category{display:flex;padding-right:20px;padding-bottom:20px;width:15%}.Categories{display:flex;flex-direction:column;gap:15px;text-align:left}.Categories .icon{display:none}.Sort{width:250px;padding-left:10px;z-index:2;position:relative;background-color:#fff}.MenuTitle{text-align:left;font-size:24px;font-weight:700;position:relative;width:100%;margin:0}.MenuTitle span{position:relative;z-index:2;padding:0 13px 0 0;display:inline-block;background:#fff;text-align:left}.MenuTitle:after{position:absolute;top:calc(50% + 2px);left:0;width:100%;height:1px;background:#e8e8e8;content:""}.Card{display:flex;flex-direction:column;max-width:100%;background-color:#fff;cursor:pointer;text-align:left;border-radius:20px;padding:10px;transition:all .15s ease-out}.Card:hover{-webkit-box-shadow:0px 0px 27px 2px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 27px 2px rgba(0,0,0,.2);box-shadow:0 0 27px 2px #0003}.CardImg{width:100%;height:100%;background-color:#fff;border-radius:20px;align-self:center;max-height:280px;object-fit:contain}.Content{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:space-between;animation:fadeIn .4s ease-out forwards}.system-content-animate{animation:fadeIn .4s ease-out forwards}section{animation:fadeIn .4s ease-out forwards}.Menu{width:80%;align-self:center}.footer{margin:90px 0 0;background:#f6f6f6;padding:35px 0 0;display:flex;flex-direction:column}.footer-navbar{margin-bottom:25px}.footer-nav{display:flex}.footer-nav li{margin-right:25px;display:block}.footer-nav li a{color:#262626;font-weight:600;border-bottom:1px solid transparent;font-size:14px;cursor:pointer}.alice-carousel__stage-item *{line-height:initial;width:90%;border-radius:10px}.footer-timework{display:flex;flex-direction:column;justify-content:center;font-size:12px;font-weight:600;padding:0 0 0 35px;background:url(https://shabby.cafe/templates/shabby/img/timework.png) 0 50% no-repeat;line-height:22px;margin:0 50px 25px 0}@media screen and (max-width: 768px){.Categories a:not(:first-child){display:none}.Categories a.icon{float:left;display:flex;align-items:center;width:150px;color:#000;cursor:pointer;padding-left:40px;background:url(https://shabby.cafe/templates/shabby/img/menu.png) 0 50% no-repeat;transition:all .15s ease-out}.App{display:flex;flex-direction:column}.dish-content{flex-direction:column}.dish-img img{width:100%!important;height:100%!important}.footer-label{flex-direction:column}}.dish-img img{width:385px;height:400px;background-color:#fff;border-radius:20px}.head-links{display:flex;gap:10px;margin-bottom:25px;justify-content:center}hr{margin-top:1rem;margin-bottom:1rem;border-color:#0000001a}.head-links img{width:40px}.profile-form{display:flex;flex-direction:column;width:60%}.product-form{display:flex;flex-direction:column;width:100%}.product-form p{width:100%;display:flex;justify-content:space-between;margin:10px 0}.product-form input{width:60%}.footer-label{padding:14px 50px;display:flex;justify-content:space-between}.profile-form p{width:100%;display:flex;justify-content:space-between;margin:10px 0}.profile-form button{align-self:center;width:200px}.system-bar{border-right:1px solid #e8e8e8;padding-right:15px;display:flex;flex-direction:column;text-align:left}.system-content{width:75%;padding:0 15px}.footer-nav{margin-bottom:25px;display:flex;justify-content:space-between;width:100%;align-items:center;padding:0}.university-content{width:40%}.events{display:flex;flex-direction:row}.event{width:30%;text-align:left}.alice-carousel__prev-btn,.alice-carousel__next-btn{text-align:left;font-size:40px}.alice-carousel__prev-btn{font-size:40px}.certificate{width:30%}.certificate img{width:100%}.event-content{padding:16px 20px;height:200px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.desc{font-size:12px;max-height:74px;overflow:hidden}.main-slide{background:url(https://shabby.cafe/images/1/carousel/16/slider-main080923.jpg) 0px 50% / cover no-repeat;display:flex;border-radius:10px;margin:0 auto}.dish-content{display:flex;align-items:center;padding-top:20px;width:100%}.main{width:40%}.main-text{color:#fff;text-align:left;margin:80px 0 0 83px;min-height:375px;max-width:328px;letter-spacing:.5px;line-height:25px}.main-text h2{font-weight:500}.main-text p{font-weight:300}.event img{width:100%;border-radius:10px}.loader-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.loader{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid black;border-radius:50%;animation:fadeIn .4s ease-out forwards,spin .8s linear infinite}@media screen and (max-width: 768px){.Content{flex-direction:column}.Menu{width:100%}.Categories.responsive{position:relative;cursor:pointer}.Categories.responsive a{float:none;display:block;text-align:left;cursor:pointer}.Categories.responsive a.icon{float:left;display:flex;align-items:center;width:150px;justify-content:space-between;cursor:pointer;background:url(https://shabby.cafe/templates/shabby/img/close.png) 0 50% no-repeat}.system-content{width:100%;padding:0}.CatalogList{width:95%}.footer-nav{flex-direction:column}.footer-nav li,.footer-timework{margin:0}.main-text{width:50%}.main,.main-slide{width:100%}}@media (max-width: 768px){.header-flex{flex-direction:column;border-bottom:1px solid #e8e8e8;padding-bottom:10px}#university-page{background:none}.university-content{width:100%}#school-page,#winery-page{background:none}.events{flex-direction:column}.event{width:100%;padding-bottom:30px}}@media (max-width: 767px){.header-nav li a{padding:15px;border-bottom:1px solid #e8e8e8}.header-nav li{margin-right:0}}.CardDish{margin-bottom:15px;padding:10px}.header-active{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:9999;padding-bottom:0;padding-top:20px}body.active{padding-top:180px}.header-flex{display:flex;justify-content:space-between;margin-right:auto;margin-left:auto;max-width:1200px;align-items:center;padding:0 10px}.header-phone{display:flex;flex-direction:column;background:url(https://shabby.cafe/templates/shabby/img/phone.png) 0 50% no-repeat;padding:0 0 0 27px;align-self:center;text-align:left}.header-contacts{display:flex;flex-direction:row}.header-address{padding:0 0 0 27px;background:url(https://shabby.cafe/templates/shabby/img/address.png) 0 50% no-repeat;margin:0 43px 0 20px;text-align:left}.header-choose-city{display:flex;flex-direction:row;justify-content:space-between}.header-nav{display:flex;margin:0;padding:0}.header-nav li{display:block;margin:0 40px 0 0;padding:0}.header-nav a{display:block;padding:12px 0;text-transform:uppercase;color:#000;font-weight:700;font-size:12px;cursor:pointer}.navbar{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;margin-top:20px}.MenuBar{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:20px;gap:13px;width:100%}.category-container{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}.category-item{text-align:left;display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 0;border-bottom:1px solid #eee}@media (max-width: 768px){.category-item{flex-direction:column;align-items:flex-start;gap:10px}}.category-title{font-size:1rem;font-weight:500}@media (max-width: 768px){.category-title{width:100%;text-align:center}}.category-actions{align-items:center;display:flex;justify-content:flex-end;gap:15px}@media (max-width: 768px){.category-actions{width:100%;justify-content:center;flex-wrap:wrap}}.category-actions button{padding:8px 12px;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}@media (max-width: 480px){.category-actions button{padding:8px 10px;font-size:.85rem}}.category-actions button{border:1px solid black}.category-actions button:hover{opacity:.9}.modal-actions{gap:15px;display:flex;justify-content:center;padding:20px 0}@media (max-width: 480px){.modal-actions{flex-direction:column;gap:10px}}@media (max-width: 768px){.modal-content{width:95%!important;margin:10px auto;padding:15px!important}}.header-contacts-mini{display:none;flex-direction:column}@media (min-width: 768px){#university-page{background:url(https://shabby.cafe/images/1/btables/16/bg-university_thumb.jpg) calc(50% + 500px) 0 no-repeat;width:100%}#school-page{background:url(https://shabby.cafe/images/1/btables/14/school-wiskey_thumb.jpg) calc(50% + 500px) 0 no-repeat;width:100%}#winery-page{background:url(https://shabby.cafe/images/1/btables/13/about-wine_thumb.jpg) calc(50% + 500px) 0 no-repeat;width:100%}}.text{height:581px;line-height:24px;color:#5a5a5a;background:url(https://shabby.cafe/templates/shabby/img/about_af.png) 0 100% repeat-x;text-align:left;padding-top:15px}.events{margin-top:50px;width:100%;display:flex;justify-content:space-between}@media (min-width: 600px){.CardDish{width:45%;max-width:400px}.CatalogList{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}}@media (max-width: 600px){.CardDish{max-width:400px}.CatalogList{width:90%;display:flex;flex-direction:column;align-items:center;margin:0 auto}}@media (min-width: 992px){.CardDish{width:45%;max-width:400px}.CatalogList{display:flex;flex-wrap:wrap}}@media (max-width: 768px){.header-contacts,.header-book{display:none}.header-contacts-mini{display:flex;flex-direction:column}}.header-address-mini{padding:0 0 0 27px;background:url(https://shabby.cafe/templates/shabby/img/address.png) 0 50% no-repeat;margin:18px 43px 0 20px}.header-phone-mini{display:flex;flex-direction:column;background:url(https://shabby.cafe/templates/shabby/img/phone.png) 0 50% no-repeat;padding:0 0 0 27px;margin-left:19px;margin-top:17px}.invis{width:100%;display:none}.header-book-mini{width:90%;align-self:center;margin:20px 0}.main-catalog{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%}@media (max-width: 768px){.invis{display:block}.header-choose-city{width:100%;margin-right:15px;margin-bottom:5px}}.header-pull{display:none;transition:all .15s ease-out}@media (max-width: 767px){.header-pull{display:flex;color:#000;font-weight:600;padding-left:40px;background:url(https://shabby.cafe/templates/shabby/img/menu.png) 0 50% no-repeat;line-height:40px}}@media (max-width: 767px){.header-pull.active{background:url(https://shabby.cafe/templates/shabby/img/close.png) 0 50% no-repeat}.header-pull.active ul{display:block}}@media (max-width: 767px){.navbar{border:none;position:absolute;top:76px;left:0;z-index:222}}@media (max-width: 767px){.header-nav{display:none;position:fixed;top:140px;left:-260px;margin-top:1px;width:260px;z-index:3000;background:#fff;box-sizing:border-box;height:calc(100% - 119px);overflow-y:auto;box-shadow:7px 7px 30px #32323233;transition:all .3s ease-out;text-align:left}.header-nav.active{display:block;left:0}@keyframes slideIn{0%{left:-260px;opacity:0}to{left:0;opacity:1}}@keyframes slideOut{0%{left:0;opacity:1}to{left:-260px;opacity:0}}.header-nav.active{animation:slideIn .3s forwards}.header-nav:not(.active){animation:slideOut .3s forwards}}@media (max-width: 991px){.header-address{display:none}}@media (min-width: 1200px){.CatalogList .main-catalog .CardDish{width:23%}.CardDish{width:31%}.CatalogList{display:flex;flex-wrap:wrap}}*::-webkit-scrollbar{width:5px;height:3px}*::-webkit-scrollbar-track{background-color:#fff;border-radius:0 20px 20px 0}*::-webkit-scrollbar-thumb{background:#000;border-radius:20px}.create-btn{float:right;margin-bottom:20px}.breadcrumbs{opacity:.5;letter-spacing:.6px;font-size:12px;width:100%;text-align:left;display:flex;padding:10px 0}.crumb{padding-right:5px;display:flex;flex-direction:row;gap:5px}.footer-bottom{background:#e8e8e8}.footer-copyright,.footer-privacy{color:#6c6c6c;opacity:.7;font-weight:300}.footer-rights{color:#6c6c6c;opacity:.7;font-weight:300;font-size:12px}.footer-privacy:hover{opacity:1}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;padding:20px}.card-content{display:flex;align-items:center;gap:20px}.menu-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 8px 25px #00000026;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent;display:flex;gap:20px}.menu-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.menu-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);opacity:0;transition:opacity .3s ease}.menu-card:hover:before{opacity:1}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr;gap:20px;padding:10px}.menu-card{padding:20px}}.hero-section{margin-bottom:40px}.hero-title{margin-top:30px}.featured-section .CatalogList{min-height:500px}.categories-section{margin-bottom:40px}.admin-section{min-height:500px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:30px 0;flex-wrap:wrap}.pagination-btn{min-width:40px;height:40px;padding:0 12px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#333;background:#f5f5f5}.pagination-btn.active{background:#333;color:#fff;border-color:#333}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-arrow{font-size:16px}.pagination-ellipsis{padding:0 8px;color:#999;font-size:14px}@media (max-width: 480px){.pagination{gap:4px}.pagination-btn{min-width:36px;height:36px;padding:0 8px;font-size:13px}}.react-select__option--is-selected{background-color:#000!important;color:#fff!important}.react-select__control--is-focused{border-color:#000!important;box-shadow:0 0 0 1px #000!important}.react-select__control:hover{border-color:#000!important}.react-select__option--is-focused:not(.react-select__option--is-selected){background-color:#0000001a!important}.react-select__option--is-selected{color:#fff!important}.sort-select{min-width:200px!important}.city-select .react-select__control{border-radius:8px;border:1px solid black;padding:3px;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-title,.category-list-container{animation:fadeIn .4s ease-out forwards}.catalog-list>div{animation:fadeIn .5s ease-out}.pagination-container{animation:fadeIn .4s ease-out .4s forwards}.catalog-list{min-height:1020px}.catalog-list.loading{opacity:.7;transition:opacity .3s ease;pointer-events:none}.pagination-wrapper{width:90%;margin:0 auto}.menu-title span{transition:all .3s ease}button{transition:transform .2s ease,box-shadow .2s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container svg{animation:spin 1s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.dish-info{width:100%;padding:20px;text-align:left}.dish-title{font-size:24px;font-weight:600;margin:0 0 16px;color:#333}.dish-description{font-size:15px;line-height:1.6;color:#666;margin-bottom:24px}.dish-description p{margin:0 0 10px}.dish-meta{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #eee}.dish-price{font-size:24px;font-weight:700;color:#333}.dish-weight{font-size:16px;color:#888}@media (max-width: 768px){.dish-info{padding:15px 0}.dish-title,.dish-price{font-size:20px}}.news-menu{width:100%}.news-list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.news-article{padding-top:20px;min-height:500px;width:100%;text-align:left}.news-date{text-align:right;color:#888;font-size:14px;margin-bottom:20px}.news-content{padding:20px 0;line-height:1.8;color:#333}.news-content p{margin-bottom:16px}.news-image{max-width:700px;width:100%;height:auto;border-radius:20px;margin-top:30px;object-fit:cover}@media (max-width: 768px){.news-image{max-width:100%}}.modal{height:100%;width:100%;background-color:#0006;position:fixed;z-index:99999;top:0;left:0;display:flex;align-items:center;justify-content:center;transition:.5s;opacity:0;pointer-events:none}.modal.active{opacity:1;pointer-events:all}.modal-content{padding:20px;border-radius:10px;background-color:#fff;transform:scale(.5);transition:.4s all;min-width:40vw;text-align:center}.modal-content p{display:flex;justify-content:space-between}.modal-content.active{transform:scale(1)}.profile-section{min-height:calc(100vh - 400px);display:flex;align-items:flex-start;justify-content:center;padding:60px 20px}.profile-container{width:100%;max-width:560px;animation:profileFadeIn .5s ease-out forwards}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:24px 28px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#333);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-avatar span{font-size:28px;font-weight:700;color:#fff;text-transform:uppercase}.profile-header-info{display:flex;flex-direction:column;gap:8px}.profile-name{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.5px}.profile-role-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;width:fit-content}.profile-role-badge.admin{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.profile-role-badge.moderator{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.profile-role-badge.user{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.profile-role-badge.editor{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.profile-role-badge.viewer{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:28px;margin-bottom:20px}.profile-card-title{font-size:16px;font-weight:600;color:#6b7280;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.profile-info-grid{display:flex;flex-direction:column;gap:16px}.profile-info-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#f9fafb;border-radius:12px;transition:background .2s ease}.profile-info-item:hover{background:#f3f4f6}.profile-info-icon{width:40px;height:40px;border-radius:10px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.profile-info-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.profile-info-label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px}.profile-info-value{font-size:15px;font-weight:500;color:#1a1a1a;word-break:break-word}.profile-info-value.profile-id{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:#6b7280}.profile-actions{display:flex;gap:12px}.profile-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-btn-primary{background:#1a1a1a;color:#fff}.profile-btn-primary:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.profile-btn-secondary{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.profile-btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.profile-btn-danger{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca}.profile-btn-danger:hover{background:#fee2e2;border-color:#fca5a5}.profile-edit-card{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-edit-form{display:flex;flex-direction:column;gap:20px}.profile-form-group{display:flex;flex-direction:column;gap:8px}.profile-form-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.profile-form-input,.profile-form-select{padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:15px;font-weight:500;color:#1a1a1a;background:#f9fafb;transition:all .2s ease;outline:none}.profile-form-input:focus,.profile-form-select:focus{border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px #1a1a1a14}.profile-form-input::placeholder{color:#9ca3af;font-weight:400}.profile-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px}.profile-form-actions{display:flex;gap:12px;margin-top:8px}.profile-form-actions .profile-btn{flex:1}.profile-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.profile-loading,.profile-error{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:60px 40px;text-align:center}.profile-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-loading p{font-size:14px;color:#6b7280;margin:0}.profile-error-icon{font-size:48px;margin-bottom:16px}.profile-error h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.profile-error p{font-size:14px;color:#6b7280;margin:0 0 24px}@media (max-width: 560px){.profile-section{padding:40px 16px}.profile-header{flex-direction:column;text-align:center;padding:24px 20px}.profile-header-info{align-items:center}.profile-card{padding:20px}.profile-actions,.profile-form-actions{flex-direction:column}.profile-name{font-size:20px}.profile-avatar{width:64px;height:64px}.profile-avatar span{font-size:24px}}.profile-modal{text-align:left;width:100%}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.profile-modal-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.profile-modal-close{width:36px;height:36px;border:none;border-radius:50%;font-size:24px;padding:0;line-height:1;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}@media (max-width: 560px){.profile-modal-header{margin-bottom:20px;padding-bottom:12px}.profile-modal-title{font-size:18px}}.users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f}.users-loading p{font-size:14px;color:#6b7280;margin:0}.users-count{font-size:14px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:6px 14px;border-radius:20px}.users-actions{display:flex;align-items:center;gap:12px}.users-add-btn{padding:10px 14px;border:none;border-radius:12px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.users-add-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.users-add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.users-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f}.users-empty-icon{font-size:48px;margin-bottom:16px}.users-empty p{font-size:16px;color:#6b7280;margin:0}.users-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden;animation:usersTableFadeIn .4s ease-out}@keyframes usersTableFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.users-table th{padding:14px 20px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.users-table th:last-child{width:60px}.users-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s ease}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:#f9fafb}.users-table td{padding:16px 20px;vertical-align:middle;text-align:left}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar-sm{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#333);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-sm span{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase}.user-name{font-size:14px;font-weight:600;color:#1a1a1a}.user-email{font-size:14px;color:#374151}.user-date{font-size:13px;color:#6b7280}.user-edit-btn{padding:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:all .2s ease}.user-edit-btn:hover{background:#1a1a1a;color:#fff}.user-modal{text-align:left;width:100%}.user-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.user-modal-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.user-modal-close{width:36px;height:36px;border:none;border-radius:50%;background:transparent;font-size:24px;padding:0;line-height:1;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-modal-close:hover{background:#f3f4f6;color:#1a1a1a}.user-modal-info{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#f9fafb;border-radius:12px;margin-bottom:24px}.user-avatar-lg{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#333);display:flex;align-items:center;justify-content:center}.user-avatar-lg span{font-size:24px;font-weight:700;color:#fff;text-transform:uppercase}.user-modal-email{font-size:14px;color:#6b7280}.user-edit-form{display:flex;flex-direction:column;gap:20px}.user-form-group{display:flex;flex-direction:column;gap:8px}.user-form-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.user-form-input,.user-form-select{padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:15px;font-weight:500;color:#1a1a1a;background:#f9fafb;transition:all .2s ease;outline:none}.user-form-input:focus,.user-form-select:focus{border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px #1a1a1a14}.user-form-input::placeholder{color:#9ca3af;font-weight:400}.user-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px}.user-form-actions{display:flex;gap:12px;margin-top:8px}.user-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.user-btn-primary{background:#1a1a1a;color:#fff}.user-btn-primary:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.user-btn-secondary{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.user-btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.user-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.user-btn-danger{background:#fff;color:#dc2626;border:1.5px solid #fecaca;margin-top:12px}.user-btn-danger:hover{background:#fef2f2;border-color:#f87171}@media (max-width: 768px){.users-table-wrapper{overflow-x:auto}.users-table{min-width:600px}.users-table th,.users-table td{padding:12px 14px}.user-modal-header{margin-bottom:16px;padding-bottom:12px}.user-modal-title{font-size:18px}.user-form-actions{flex-direction:column}}.input-container{margin-bottom:1rem;text-align:left}.input-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.input-field{width:100%;padding:.5rem;border:1px solid #D1D5DB;border-radius:.375rem;transition:all .2s ease-in-out;box-sizing:border-box}.input-field:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0003}.input-error{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.input-field:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.input-field::placeholder{color:#9ca3af}.input-field[type=number]{-moz-appearance:textfield}.input-field[type=number]::-webkit-outer-spin-button,.input-field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.auth-section{min-height:calc(100vh - 400px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-container{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000014;padding:40px;animation:fadeIn .4s ease-out forwards}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px}.auth-subtitle{font-size:14px;color:#6b7280;margin:0}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-input-group{position:relative}.auth-input-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px;text-align:left}.auth-input{width:100%;padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s ease;box-sizing:border-box;background:#fafafa}.auth-input:focus{outline:none;border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px #0000000d}.auth-input::placeholder{color:#9ca3af}.auth-input.error{border-color:#ef4444;background:#fef2f2}.auth-error-text{font-size:12px;color:#ef4444;margin-top:4px;text-align:left}.auth-btn{width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.auth-btn-primary{background:#1a1a1a;color:#fff}.auth-btn-primary:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.auth-btn-primary:active{transform:translateY(0)}.auth-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.auth-btn-secondary{background:transparent;color:#1a1a1a;border:1.5px solid #e5e7eb}.auth-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.auth-divider{display:flex;align-items:center;margin:24px 0;color:#9ca3af;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.auth-divider span{padding:0 16px}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.auth-footer-text{font-size:14px;color:#6b7280}.auth-footer-link{color:#1a1a1a;font-weight:600;text-decoration:none;margin-left:4px;transition:color .2s ease}.auth-footer-link:hover{color:#4b5563;text-decoration:underline}.auth-password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;transition:color .2s ease}.auth-password-toggle:hover{color:#6b7280}.auth-checkbox-group{display:flex;align-items:center;gap:10px;text-align:left}.auth-checkbox{width:18px;height:18px;accent-color:#1a1a1a;cursor:pointer}.auth-checkbox-label{font-size:13px;color:#6b7280;cursor:pointer}@media (max-width: 480px){.auth-container{padding:28px 20px;margin:0 16px;border-radius:12px}.auth-title{font-size:24px}}.auth-btn .loader{border-color:#ffffff4d;border-top-color:#fff}.toast-container{position:fixed;top:220px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:350px}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;background:#fff;box-shadow:0 4px 20px #00000026;cursor:pointer;animation:slideIn .3s ease-out;transition:transform .2s ease,opacity .2s ease}.toast:hover{transform:translate(-5px)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-closing{animation:slideOut .3s ease-in forwards}.toast-icon{font-size:18px;font-weight:700;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.toast-message{font-size:14px;font-weight:500;color:#333;line-height:1.4}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:#d1fae5;color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:#fee2e2;color:#ef4444}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background:#dbeafe;color:#3b82f6}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:#fef3c7;color:#f59e0b}@media (max-width: 480px){.toast-container{left:10px;right:10px;max-width:none}}