.header{background:#16213e;border-bottom:1px solid #3a3a5a;padding:16px;position:sticky;top:0;z-index:100}.header__container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.header__brand{display:flex;align-items:center;gap:16px}@media (max-width: 767px){.header__brand{flex-direction:column;align-items:flex-start;gap:4px}}.header__logo{display:flex;align-items:center;gap:8px}.header__logo-icon{font-size:28px}.header__logo-text{font-size:24px;font-weight:700;color:#dc2626;letter-spacing:2px}.header__subtitle{color:#a0a0b0;font-size:14px}@media (max-width: 767px){.header__subtitle{font-size:12px}}.header__actions{display:flex;align-items:center;gap:16px}.header__user{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500}@media (max-width: 767px){.header__user{display:none}}.header__role{background:#dc262633;color:#dc2626;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;margin-left:4px;text-transform:uppercase;letter-spacing:.5px}.header__login-btn,.header__logout-btn{background:linear-gradient(135deg,#dc2626,#991b1b);color:#1a1a2e;border:none;border-radius:10px;padding:8px 24px;font-weight:600;cursor:pointer;transition:all .25s ease}.header__login-btn:hover:not(:disabled),.header__logout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #dc26264d}.header__login-btn:disabled,.header__logout-btn:disabled{opacity:.5;cursor:not-allowed}.header__login-btn,.header__logout-btn{font-size:14px;padding:8px 16px}.header__logout-btn{background:transparent;border:1px solid #3a3a5a;color:#a0a0b0}.header__logout-btn:hover{border-color:#ef4444;color:#ef4444;box-shadow:none}.login-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.login-modal__content{background:#252542;border:1px solid #3a3a5a;border-radius:16px;box-shadow:0 4px 12px #0006;padding:32px;width:100%;max-width:400px;position:relative;animation:slideUp .3s ease}.login-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;transition:color .15s ease}.login-modal__close:hover{color:#fff}.login-modal__title{font-size:24px;font-weight:600;margin-bottom:24px;text-align:center;color:#dc2626}.login-modal__form{display:flex;flex-direction:column;gap:16px}.login-modal__field{display:flex;flex-direction:column;gap:4px}.login-modal__field label{font-size:14px;color:#a0a0b0}.login-modal__field input{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;color:#fff;padding:8px 16px;font-size:14px;transition:border-color .15s ease}.login-modal__field input::placeholder{color:#6b7280}.login-modal__field input:focus{outline:none;border-color:#dc2626}.login-modal__field input{padding:16px}.login-modal__error{background:#ef44441a;border:1px solid #ef4444;border-radius:6px;color:#ef4444;padding:8px 16px;font-size:14px;text-align:center}.login-modal__submit{background:linear-gradient(135deg,#dc2626,#991b1b);color:#1a1a2e;border:none;border-radius:10px;padding:8px 24px;font-weight:600;cursor:pointer;transition:all .25s ease}.login-modal__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #dc26264d}.login-modal__submit:disabled{opacity:.5;cursor:not-allowed}.login-modal__submit{padding:16px;font-size:16px;margin-top:8px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:300}@media (max-width: 767px){.toast-container{left:16px;right:16px;bottom:16px}}.toast{display:flex;align-items:center;gap:8px;padding:16px 24px;border-radius:10px;box-shadow:0 8px 24px #00000080;animation:slideIn .3s ease;min-width:300px;max-width:450px}@media (max-width: 767px){.toast{min-width:unset;max-width:unset}}.toast--success{background:#22c55e;color:#fff}.toast--error{background:#ef4444;color:#fff}.toast--warning{background:#f59e0b;color:#1a1a2e}.toast--info{background:#3b82f6;color:#fff}.toast__icon{font-size:18px;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%}.toast__message{flex:1;font-size:14px;font-weight:500}.toast__close{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:14px;padding:4px;transition:opacity .15s ease}.toast__close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.cgsys-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:#252542;border:1px solid #3a3a5a;border-left:4px solid #f59e0b;border-radius:10px;min-width:0}.cgsys-card--com-foto{border-left-color:#22c55e}.cgsys-card__header{min-width:0}.cgsys-card__nome{font-size:16px;font-weight:600;line-height:1.3;word-break:break-word}.cgsys-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:12px;color:#a0a0b0}.cgsys-card__meta span{padding:1px 6px;border-radius:4px;background:#ffffff0f}.cgsys-card__inativo{color:#ef4444}.cgsys-card__precos{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.cgsys-card__preco{display:flex;flex-direction:column}.cgsys-card__preco strong{font-size:16px}.cgsys-card__preco-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.cgsys-card__badge{margin-left:auto;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#f59e0b26;color:#f59e0b}.cgsys-card__badge--ok{background:#22c55e26;color:#22c55e}.cgsys-card__fotos{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.cgsys-card__foto{position:relative;aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:#2a2a4a}.cgsys-card__foto a,.cgsys-card__foto img{display:block;width:100%;height:100%}.cgsys-card__foto img{object-fit:cover}.cgsys-card__foto--removendo{opacity:.4}.cgsys-card__foto-remover{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:14px;line-height:28px;text-align:center}.cgsys-card__foto-remover:hover:not(:disabled){background:#ef4444}.cgsys-card__foto-remover:disabled{cursor:not-allowed}.cgsys-card__acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cgsys-card__btn{min-height:48px;padding:8px;border-radius:10px;font-size:14px;font-weight:600;border:none}.cgsys-card__btn:disabled{opacity:.5;cursor:not-allowed}.cgsys-card__btn--camera{background:#dc2626;color:#fff}.cgsys-card__btn--galeria{background:transparent;border:2px solid rgba(220,38,38,.5);color:#ff8266}.cgsys-card__progresso{position:relative;height:28px;border-radius:6px;background:#2a2a4a;overflow:hidden;font-size:12px}.cgsys-card__progresso span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.cgsys-card__progresso-barra{height:100%;background:#dc262680;transition:width .2s}.cgsys-card__categoria{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#a0a0b0}.cgsys-card__categoria select{min-height:44px;padding:0 8px;border-radius:6px;border:1px solid #3a3a5a;background:#2a2a4a;color:#fff;font-size:16px}.cgsys-card__categoria small{color:#6b7280}.product-search{position:relative;display:flex;flex-direction:column;gap:4px}.product-search label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.product-search__input-wrap{position:relative;display:flex;align-items:center}.product-search__input-wrap input{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;color:#fff;padding:8px 16px;font-size:14px;transition:border-color .15s ease}.product-search__input-wrap input::placeholder{color:#6b7280}.product-search__input-wrap input:focus{outline:none;border-color:#dc2626}.product-search__input-wrap input{width:100%;padding:8px;font-size:14px}.product-search__spinner{position:absolute;right:8px;width:14px;height:14px;border:2px solid rgba(220,38,38,.25);border-top-color:#dc2626;border-radius:50%;animation:product-search-spin .7s linear infinite}.product-search__error{font-size:12px;color:#ef4444}.product-search__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#16213e;border:1px solid #3a3a5a;border-radius:10px;max-height:220px;overflow-y:auto;z-index:20;box-shadow:0 8px 24px #0006}.product-search__result{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:8px;background:transparent;border:none;border-bottom:1px solid #3a3a5a;color:#fff;text-align:left;cursor:pointer;transition:background .15s ease}.product-search__result:last-child{border-bottom:none}.product-search__result:hover{background:#dc26261f}.product-search__result-name{font-size:14px;font-weight:500}.product-search__result-prices{font-size:12px;color:#6b7280;margin-top:2px}.product-search__empty{padding:8px;font-size:12px;color:#6b7280;text-align:center}.product-search__selected{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:#22c55e14;border:1px solid rgba(34,197,94,.35);border-radius:10px}.product-search__selected-info{display:flex;flex-direction:column;gap:2px;min-width:0}.product-search__selected-info strong{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-search__prices{display:flex;gap:8px;flex-wrap:wrap}.product-search__price{font-size:12px;font-weight:600}.product-search__price--varejo{color:#dc2626}.product-search__price--atacado{color:#22c55e}.product-search__change-btn{flex-shrink:0;padding:4px 8px;background:transparent;border:1px solid #3a3a5a;border-radius:6px;color:#6b7280;font-size:12px;cursor:pointer;transition:all .15s ease}.product-search__change-btn:hover{border-color:#dc2626;color:#dc2626}@keyframes product-search-spin{to{transform:rotate(360deg)}}.fotos-antigas__lista{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.fotos-antigas__lista{grid-template-columns:repeat(2,minmax(0,1fr))}}.fotos-antigas__card{display:flex;flex-direction:column;gap:8px;padding:16px;background:#252542;border:1px solid #3a3a5a;border-left:4px solid #3b82f6;border-radius:10px;min-width:0}.fotos-antigas__fotos{display:flex;gap:4px;align-items:center}.fotos-antigas__fotos img{width:96px;height:96px;object-fit:cover;border-radius:6px;border:1px solid #3a3a5a;display:block}.fotos-antigas__mais{font-size:14px;color:#a0a0b0}.fotos-antigas__corpo{display:flex;flex-direction:column;gap:8px;min-width:0}.fotos-antigas__antigo{display:flex;flex-direction:column;gap:2px;min-width:0}.fotos-antigas__antigo strong{font-size:16px;word-break:break-word}.fotos-antigas__antigo span{font-size:12px;color:#a0a0b0}.fotos-antigas__rotulo{font-size:14px;font-weight:600;color:#fff}.fotos-antigas__acoes{display:flex;gap:8px}.fotos-antigas__acoes button{flex:1;min-height:44px;border-radius:6px;font-weight:600;cursor:pointer;border:1px solid transparent}.fotos-antigas__acoes button:disabled{opacity:.5;cursor:not-allowed}.fotos-antigas__vincular{background:#dc2626;color:#1a1a2e}.fotos-antigas__descartar{background:transparent;color:#a0a0b0;border-color:#3a3a5a!important}.implantacao__modos{display:flex;gap:4px;margin-bottom:16px}.implantacao__modos button{flex:1;min-height:44px;border-radius:6px;border:1px solid #3a3a5a;background:#252542;color:#fff;font-weight:600;cursor:pointer}.implantacao__modos-ativo{background:#dc2626!important;color:#1a1a2e!important;border-color:#dc2626!important}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1a1a2e;color:#fff;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f0f23}::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}::selection{background:#dc26264d;color:#fff}a{color:#dc2626;text-decoration:none;transition:color .15s ease}a:hover{color:#ff8266}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}img,video{max-width:100%;height:auto}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 16px}@media (max-width: 767px){.container{padding:0 8px}}.text-center{text-align:center}.text-primary{color:#dc2626}.text-success{color:#22c55e}.text-error{color:#ef4444}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.app{display:flex;flex-direction:column;min-height:100vh}.app__main{flex:1;padding:24px 0}@media (max-width: 767px){.app__main{padding:16px 0}}.app__auth-warning{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:16px;margin-bottom:24px}@media (max-width: 767px){.app__auth-warning{flex-direction:column;text-align:center}}.app__auth-warning-icon{font-size:32px}.app__auth-warning p{font-size:14px;color:#a0a0b0;line-height:1.5}.app__auth-warning p strong{color:#f59e0b}.app__collaborator-info{padding:32px;background:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:16px;margin-bottom:24px;text-align:center}.app__collaborator-info p{font-size:16px;color:#a0a0b0;line-height:1.6;margin-bottom:8px}.app__collaborator-info p:last-child{margin-bottom:0}.app__collaborator-info p strong{color:#dc2626}.app__list-actions{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#16213e;border:1px solid #3a3a5a;border-radius:10px;margin-bottom:24px;gap:16px}@media (max-width: 767px){.app__list-actions{flex-direction:column;align-items:stretch}}.app__list-info{font-size:14px;color:#a0a0b0}.app__list-buttons{display:flex;gap:8px}@media (max-width: 767px){.app__list-buttons{justify-content:flex-end}}.app__list-btn{padding:4px 16px;background:transparent;border:1px solid #3a3a5a;border-radius:6px;color:#a0a0b0;font-size:12px;cursor:pointer;transition:all .15s ease}.app__list-btn:hover{border-color:#dc2626;color:#dc2626}.app__list-btn--danger:hover{border-color:#ef4444;color:#ef4444}.app__footer{padding:24px;text-align:center;border-top:1px solid #3a3a5a;background:#16213e}.app__footer p{font-size:14px;color:#6b7280}.app__footer p strong{color:#dc2626}.app__photo-actions{display:flex;gap:8px;margin-bottom:24px}@media (max-width: 767px){.app__photo-actions{flex-direction:column}}.app__photo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.app__photo-btn--camera{background:#dc2626;color:#fff}.app__photo-btn--camera:hover{background:#bb1e1e;transform:translateY(-1px)}.app__photo-btn--upload{background:transparent;border:2px solid rgba(220,38,38,.4);color:#dc2626}.app__photo-btn--upload:hover{background:#dc26261a}.implantacao__toolbar{display:flex;flex-direction:column;gap:8px;padding:8px 0 16px;margin-bottom:8px;background:#1a1a2e;scroll-margin-top:80px}.implantacao__busca{width:100%;min-height:48px;padding:0 16px;border-radius:10px;border:1px solid #3a3a5a;background:#2a2a4a;color:#fff;font-size:16px}.implantacao__busca:focus{outline:none;border-color:#dc2626}.implantacao__filtros{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.implantacao__filtro{min-height:40px;border-radius:6px;border:1px solid #3a3a5a;background:transparent;color:#a0a0b0;font-size:14px;font-weight:600}.implantacao__filtro--ativo{background:#dc2626;border-color:#dc2626;color:#fff}.implantacao__info{font-size:12px;color:#a0a0b0}.implantacao__aviso-filtro{color:#6b7280}.implantacao__erro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:16px;margin-bottom:16px;border-radius:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#f58a8a}.implantacao__erro button{min-height:40px;padding:0 16px;border-radius:6px;border:none;background:#ef4444;color:#fff;font-weight:600}.implantacao__vazio{padding:32px 16px;text-align:center;color:#a0a0b0}.implantacao__lista{display:grid;grid-template-columns:1fr;gap:16px;transition:opacity .15s}.implantacao__lista--carregando{opacity:.5;pointer-events:none}@media (min-width: 720px){.implantacao__lista{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.implantacao__lista{grid-template-columns:repeat(3,1fr)}}.implantacao__paginacao{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.implantacao__paginacao button{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid #3a3a5a;background:#252542;color:#fff;font-weight:600}.implantacao__paginacao button:disabled{opacity:.4;cursor:not-allowed}