*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#353434;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:#353434;color:#fff}.header{background:#fff}.header__top-bar{display:flex;align-items:center;padding:12px 48px;border-bottom:1px solid #f0f0f0}.header__back-btn{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#888;text-decoration:none;padding:6px 14px;border-radius:8px;transition:background .2s ease,color .2s ease}.header__back-btn:hover{background:#f5f5f5;color:#353434}.header__hero{display:flex;flex-direction:column;align-items:center;padding:20px 24px 16px}.header__logo-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.header__logo{height:90px;object-fit:contain}.header__subtitle{font-size:12px;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:#b0b0b0;margin:0}@media(max-width:768px){.header__top-bar{padding:10px 20px}.header__hero{padding:16px 20px 12px}.header__logo{height:64px}.header__subtitle{font-size:10px;letter-spacing:3px}}.catalog-card{position:relative;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 16px #35343414;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.catalog-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #35343424}.catalog-card__img-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden}.catalog-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.catalog-card:hover .catalog-card__img{transform:scale(1.03)}.catalog-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(53,52,52,.7) 100%);display:flex;align-items:flex-end;justify-content:center;padding:20px 16px;opacity:0;transition:opacity .3s ease}.catalog-card:hover .catalog-card__overlay{opacity:1}.catalog-card__actions{display:flex;gap:10px}.catalog-card__btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .15s ease;text-decoration:none;font-family:inherit}.catalog-card__btn:active{transform:scale(.96)}.catalog-card__btn--view{background:#fff;color:#353434}.catalog-card__btn--view:hover{background:#f0f0f0}.catalog-card__btn--download{background:#353434;color:#fff}.catalog-card__btn--download:hover{background:#4a4949}.catalog-card__info{padding:16px;text-align:center}.catalog-card__title{font-size:14px;font-weight:600;color:#353434;margin:0;letter-spacing:.3px}.home{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.home__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;padding:40px 48px 60px;max-width:1280px;margin:0 auto;width:100%}.home__empty{text-align:center;padding:80px 24px;color:#999;font-size:15px;flex:1;display:flex;align-items:center;justify-content:center;width:100%}.home__loading{display:flex;align-items:center;justify-content:center;flex:1;min-height:60vh}.home__spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#353434;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home__footer{text-align:center;padding:24px;color:silver;font-size:12px;letter-spacing:1px;margin-top:auto;width:100%}@media(max-width:768px){.home__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:24px 16px 40px}}@media(max-width:480px){.home__grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 12px 32px}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fafafa;padding:20px}.admin-login__card{background:#fff;border-radius:16px;padding:40px 36px;width:100%;max-width:380px;box-shadow:0 4px 24px #35343414;text-align:center}.admin-login__logo{height:32px;margin-bottom:8px}.admin-login__title{font-size:14px;color:#999;font-weight:400;letter-spacing:3px;text-transform:uppercase;margin:0 0 32px}.admin-login__input{width:100%;padding:14px 16px;border:1.5px solid #e0e0e0;border-radius:10px;font-size:14px;font-family:inherit;color:#353434;box-sizing:border-box;background:#fafafa;transition:border-color .2s ease}.admin-login__input:focus{outline:none;border-color:#353434;background:#fff}.admin-login__btn{width:100%;padding:14px;border:none;border-radius:10px;background:#353434;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;margin-top:16px;transition:background .2s ease}.admin-login__btn:hover{background:#4a4949}.admin-login__error{color:#d32f2f;font-size:13px;margin-top:12px}.catalog-form-backdrop{position:fixed;inset:0;background:#35343480;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.catalog-form{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #35343433}.catalog-form h2{margin:0 0 24px;font-size:20px;color:#353434;font-weight:600}.catalog-form__group{margin-bottom:20px}.catalog-form__label{display:block;font-size:13px;font-weight:500;color:#353434;margin-bottom:6px;letter-spacing:.3px}.catalog-form__input{width:100%;padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:10px;font-size:14px;font-family:inherit;color:#353434;transition:border-color .2s ease;box-sizing:border-box;background:#fafafa}.catalog-form__input:focus{outline:none;border-color:#353434;background:#fff}.catalog-form__file-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:2px dashed #e0e0e0;border-radius:10px;cursor:pointer;font-size:13px;color:#999;transition:border-color .2s ease,color .2s ease}.catalog-form__file-label:hover{border-color:#353434;color:#353434}.catalog-form__file-label--selected{border-color:#353434;color:#353434;background:#f9f9f9}.catalog-form__file-input{display:none}.catalog-form__preview{width:100%;max-height:160px;object-fit:cover;border-radius:8px;margin-top:8px}.catalog-form__actions{display:flex;gap:12px;margin-top:28px}.catalog-form__btn{flex:1;padding:13px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s ease,transform .15s ease}.catalog-form__btn:active{transform:scale(.98)}.catalog-form__btn--save{background:#353434;color:#fff}.catalog-form__btn--save:hover{background:#4a4949}.catalog-form__btn--save:disabled{background:silver;cursor:not-allowed}.catalog-form__btn--cancel{background:#f0f0f0;color:#353434}.catalog-form__btn--cancel:hover{background:#e5e5e5}.admin{min-height:100vh;background:#fafafa}.admin__header{display:flex;align-items:center;justify-content:space-between;padding:24px 48px;background:#fff;border-bottom:1px solid #f0f0f0}.admin__header-left{display:flex;align-items:center;gap:16px}.admin__logo{height:28px}.admin__badge{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#fff;background:#353434;padding:4px 10px;border-radius:4px;font-weight:500}.admin__header-actions{display:flex;gap:12px}.admin__btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s ease,transform .15s ease}.admin__btn:active{transform:scale(.97)}.admin__btn--primary{background:#353434;color:#fff}.admin__btn--primary:hover{background:#4a4949}.admin__btn--ghost{background:transparent;color:#999;padding:10px 14px;text-decoration:none}.admin__btn--ghost:hover{color:#353434;background:#f0f0f0}.admin__content{max-width:1100px;margin:0 auto;padding:32px 48px}.admin__list{display:flex;flex-direction:column;gap:12px}.admin__item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 8px #3534340f;transition:box-shadow .2s ease}.admin__item:hover{box-shadow:0 4px 16px #3534341a}.admin__item--hidden{opacity:.5}.admin__item-thumb{width:56px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0}.admin__item-info{flex:1;min-width:0}.admin__item-title{font-size:15px;font-weight:600;color:#353434;margin:0 0 4px}.admin__item-meta{font-size:12px;color:#999;display:flex;align-items:center;gap:8px}.admin__item-status{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4caf50}.admin__item-status--hidden{background:#e0e0e0}.admin__item-actions{display:flex;gap:4px;flex-shrink:0}.admin__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;background:transparent;color:#999;transition:background .15s ease,color .15s ease}.admin__icon-btn:hover{background:#f0f0f0;color:#353434}.admin__icon-btn--danger:hover{background:#ffeaea;color:#d32f2f}.admin__order-btns{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.admin__empty{text-align:center;padding:60px 24px;color:#999}.admin__loading{display:flex;align-items:center;justify-content:center;min-height:40vh}.admin__spinner{width:28px;height:28px;border:3px solid #e0e0e0;border-top-color:#353434;border-radius:50%;animation:adminspin .7s linear infinite}@keyframes adminspin{to{transform:rotate(360deg)}}.admin__toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#353434;color:#fff;padding:12px 24px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 8px 24px #35343433;z-index:999}.admin__confirm-backdrop{position:fixed;inset:0;background:#35343480;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.admin__confirm{background:#fff;border-radius:16px;padding:32px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #35343433}.admin__confirm h3{margin:0 0 8px;font-size:18px;color:#353434}.admin__confirm p{color:#999;font-size:14px;margin:0 0 24px}.admin__confirm-actions{display:flex;gap:12px}.admin__confirm-btn{flex:1;padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.admin__confirm-btn--cancel{background:#f0f0f0;color:#353434}.admin__confirm-btn--delete{background:#d32f2f;color:#fff}.admin__confirm-btn--delete:hover{background:#b71c1c}@media(max-width:768px){.admin__header{padding:16px 20px;flex-wrap:wrap;gap:12px}.admin__content{padding:20px 16px}.admin__item{padding:12px 14px}}