*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--accent-red: #e63946;--accent-red-hover: #ff4757;--border-color: #333;--shadow: rgba(0, 0, 0, .5);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .5s ease-out forwards}.fade-out{animation:fadeOut .3s ease-out forwards}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-red)}@media print{body{background:#fff;color:#000}.no-print{display:none!important}.print-only{display:block!important}}.print-only{display:none}.layout{min-height:100vh;display:flex;flex-direction:column}.install-banner{background:linear-gradient(135deg,#e63946,#c62828);color:#fff;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:200;animation:slideDown .3s ease}.install-banner-content{display:flex;align-items:center;gap:.75rem;font-size:.9rem;flex:1}.install-banner-content strong{font-weight:700}.install-banner-btn{background:#fff;color:#e63946;border:none;padding:.4rem .75rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem}.install-banner-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;display:flex;opacity:.8}.install-banner-close:hover{opacity:1}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-dark) 100%);border-bottom:2px solid var(--accent-red);padding:0;position:sticky;top:0;z-index:100;box-shadow:0 4px 12px var(--shadow);animation:slideIn .5s ease-out;width:100%}.header-content{padding:0 1rem;display:flex;align-items:center;gap:.75rem;height:70px;width:100%}.logo{display:flex;align-items:center;gap:.5rem;animation:fadeIn .6s ease-out;flex-shrink:0;overflow:hidden;height:40px}.logo-img{height:120px;width:auto;margin:-40px 0;object-fit:contain;transition:transform .3s ease}.logo-img:hover{transform:scale(1.05)}.logo-icon{width:50px;height:50px;border-radius:10px;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease}.logo-icon:hover{transform:scale(1.05)}.logo-text{display:flex;flex-direction:column;white-space:nowrap}.company-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.5px}.subtitle{font-size:.75rem;color:var(--text-secondary);font-weight:400}.menu-toggle{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;transition:color .3s ease}.menu-toggle:hover{color:var(--accent-red)}.nav{display:flex;gap:.25rem;animation:fadeIn .7s ease-out;align-items:center}.nav-link{display:flex;align-items:center;gap:.35rem;padding:.5rem .65rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;font-weight:500;font-size:.8rem;transition:all .3s ease;position:relative;white-space:nowrap;min-height:40px;line-height:1.4}.nav-link:before{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:var(--accent-red);transition:transform .3s ease;z-index:-1}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link:hover:before{transform:translate(-50%) scaleX(1)}.nav-link.active{color:var(--text-primary);background:var(--bg-tertiary);box-shadow:inset 0 0 0 1px var(--accent-red)}.nav-link.active:before{transform:translate(-50%) scaleX(1)}.nav-divider,.user-menu-mobile{display:none}.user-menu-desktop{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-shrink:0}.user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--text-secondary);font-size:.8rem;border-radius:6px;background:#ffffff08}.user-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:500;font-size:.8rem;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:#e639461a;border-color:var(--accent-red);color:var(--accent-red)}.btn-install{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#e63946,#c62828);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center}.btn-install:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e6394666}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem;animation:fadeIn .8s ease-out}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem 2rem;text-align:center;color:var(--text-secondary);font-size:.9rem}@media(max-width:1024px){.header-content{padding:0 1rem;position:relative}.menu-toggle{display:flex;z-index:101}.logo{position:absolute;left:50%;transform:translate(-50%);height:50px}.logo-img{height:150px;margin:-50px 0}.nav{position:fixed;top:70px;left:-100%;right:auto;width:280px;height:calc(100vh - 70px);background:var(--bg-secondary);flex-direction:column;padding:1rem;border-right:2px solid var(--accent-red);border-left:none;transition:left .3s ease;box-shadow:4px 0 12px var(--shadow);z-index:100;overflow-y:auto;overflow-x:hidden}.nav.nav-open{left:0;right:auto}.nav-link{width:100%;justify-content:flex-start;padding:1rem 1.5rem;font-size:1rem;flex-shrink:0}.nav-divider{display:block;width:100%;height:1px;background:var(--border-color);margin:.5rem 0;flex-shrink:0}.user-menu-desktop{display:none}.user-menu-mobile{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;flex-shrink:0;padding-bottom:2rem}.btn-logout{width:100%;padding:.75rem 1.5rem;font-size:.9rem}.main-content{padding:1rem}.company-name{font-size:1rem}.subtitle{display:none}.global-search-btn{display:none!important}.mobile-search-icon{display:flex!important}}.mobile-search-icon{display:none;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.mobile-search-icon:hover{color:var(--accent-red);background:#ffffff0d}.global-search-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:.85rem;flex-shrink:0;white-space:nowrap}.global-search-btn:hover{border-color:var(--accent-red);background:var(--bg-secondary)}.global-search-btn kbd{padding:.2rem .5rem;background:var(--bg-dark);border-radius:4px;font-size:.75rem;font-family:inherit;color:var(--text-muted)}.global-search-btn span{color:var(--text-muted)}.search-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .2s ease}.search-modal{width:100%;max-width:600px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-input-container{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.search-input-container svg{color:var(--text-secondary);flex-shrink:0}.search-input-container input{flex:1;background:transparent;border:none;font-size:1.1rem;color:var(--text-primary);outline:none}.search-input-container input::placeholder{color:var(--text-muted)}.search-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:color .2s ease}.search-close:hover{color:var(--accent-red)}.search-results{max-height:400px;overflow-y:auto}.search-result-item{padding:1rem 1.5rem;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border-color)}.search-result-item:hover{background:var(--bg-tertiary)}.search-result-item:last-child{border-bottom:none}.search-result-main{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.search-result-os{font-weight:700;color:var(--accent-red)}.search-result-cliente{color:var(--text-primary);font-weight:500}.search-result-secondary{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.status-mini{padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-mini.status-pendente{background:#ffc10733;color:#ffc107}.status-mini.status-em-andamento{background:#2196f333;color:#2196f3}.status-mini.status-pronto,.status-mini.status-concluída{background:#4caf5033;color:#4caf50}.status-mini.status-entregue{background:#38ef7d33;color:#38ef7d}.status-mini.status-aguardando-aprovação{background:#ff980033;color:#ff9800}.status-mini.status-aguardando-peça{background:#9c27b033;color:#9c27b0}.search-no-results,.search-hint{padding:2rem;text-align:center;color:var(--text-secondary)}@media(max-width:768px){.search-overlay{padding:1rem;padding-top:10vh}.search-modal{max-width:100%}}.dashboard{width:100%}.page-header{margin-bottom:2rem;animation:fadeIn .5s ease-out}.page-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-secondary);font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;animation:fadeIn .6s ease-out backwards;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(230,57,70,.1) 100%);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px var(--shadow);border-color:var(--accent-red)}.stat-card:hover:before{opacity:1}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card-wide{grid-column:span 2}.stat-icon{width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-content{flex:1;z-index:1}.stat-content h3{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.quick-actions{margin-top:3rem;animation:fadeIn .7s ease-out}.quick-actions h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;color:var(--text-primary);transition:all .3s ease;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(230,57,70,.2),transparent);transition:left .5s ease}.action-card:hover:before{left:100%}.action-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px var(--shadow);border-color:var(--accent-red);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.action-card svg{color:var(--accent-red);transition:transform .3s ease}.action-card:hover svg{transform:scale(1.2)}.action-card span{font-weight:500;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-icon{animation:spin 1s linear infinite;color:var(--accent-red)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.financial-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.stat-detail{font-size:.85rem;color:var(--text-muted);margin-top:.25rem;display:block}.stat-variation{display:flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:500;margin-top:.25rem}.stat-variation.positive{color:#38ef7d}.stat-variation.negative{color:#f5576c}.dashboard-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.chart-card h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--text-primary);font-size:1.1rem}.chart-card h3 svg{color:var(--accent-red)}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:.5rem;padding-bottom:1.5rem}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:80%;max-width:60px;background:linear-gradient(180deg,var(--accent-red) 0%,var(--accent-red-hover) 100%);border-radius:6px 6px 0 0;min-height:4px;position:relative;animation:growBar .5s ease-out forwards;transform-origin:bottom}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar-value{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--text-secondary);white-space:nowrap}.bar-label{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);text-transform:capitalize}.status-chart{display:flex;flex-direction:column;gap:1rem}.status-item{display:flex;flex-direction:column;gap:.5rem}.status-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.status-fill{height:100%;border-radius:4px;transition:width .5s ease}.status-fill.pendente{background:linear-gradient(90deg,#f093fb,#f5576c)}.status-fill.andamento{background:linear-gradient(90deg,#fa709a,#fee140)}.status-fill.concluida{background:linear-gradient(90deg,#30cfd0,#330867)}.status-fill.entregue{background:linear-gradient(90deg,#11998e,#38ef7d)}.status-info{display:flex;justify-content:space-between;font-size:.9rem}.status-label{color:var(--text-secondary)}.status-value{color:var(--text-primary);font-weight:600}.ranking-list{display:flex;flex-direction:column;gap:.75rem}.ranking-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;transition:transform .2s ease}.ranking-item:hover{transform:translate(5px)}.ranking-position{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--accent-red);color:#fff;border-radius:50%;font-weight:600;font-size:.85rem}.ranking-name{flex:1;color:var(--text-primary)}.ranking-count{color:var(--text-secondary);font-weight:500}.alert-card h3{color:#f5576c}.alert-card h3 svg{color:#f5576c}.alert-list{display:flex;flex-direction:column;gap:.75rem}.alert-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f5576c1a;border:1px solid rgba(245,87,108,.3);border-radius:8px;text-decoration:none;transition:all .2s ease}.alert-item:hover{background:#f5576c33;transform:translate(5px)}.alert-info{display:flex;flex-direction:column;gap:.25rem}.alert-os{color:var(--text-primary);font-weight:600}.alert-cliente{color:var(--text-secondary);font-size:.85rem}.alert-days{background:#f5576c;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.no-data{text-align:center;color:var(--text-muted);padding:2rem}.no-data.success{color:#38ef7d}.recent-orders{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.recent-orders h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-primary)}.recent-orders h3 svg{color:var(--accent-red)}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:.75rem;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border-color);font-size:.85rem}.orders-table td{padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.orders-table tr{cursor:pointer;transition:background .2s ease}.orders-table tbody tr:hover{background:var(--bg-tertiary)}.orders-table .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.status-pendente,.status-badge.status-pendente{background:#f093fb33;color:#f093fb}.status-em-andamento,.status-badge.status-em-andamento{background:#fa709a33;color:#fa709a}.status-concluída,.status-badge.status-concluída{background:#30cfd033;color:#30cfd0}.status-entregue,.status-badge.status-entregue{background:#38ef7d33;color:#38ef7d}.status-aguardando-peça,.status-badge.status-aguardando-peça{background:#ffc10733;color:#ffc107}.status-aguardando-aprovação,.status-badge.status-aguardando-aprovação{background:#ff980033;color:#ff9800}.status-pronto,.status-badge.status-pronto{background:#30cfd033;color:#30cfd0}@media(max-width:1024px){.dashboard-charts{grid-template-columns:1fr}}@media(max-width:768px){.page-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-card-wide{grid-column:span 1}.financial-grid,.actions-grid{grid-template-columns:1fr}.bar-chart{height:150px}.bar-value{display:none}.orders-table{font-size:.85rem}.orders-table th,.orders-table td{padding:.5rem}}.ordem-servico-list{width:100%}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;transition:all .3s ease}.search-box:focus-within{border-color:var(--accent-red);box-shadow:0 0 0 3px #e639461a}.search-box svg{color:var(--text-secondary);margin-right:.75rem}.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1rem}.search-box input::placeholder{color:var(--text-secondary)}.filter-select{padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:200px}.filter-select:hover{border-color:var(--accent-red)}.filter-select:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #e639461a}.ordens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.ordem-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;animation:fadeIn .5s ease-out backwards;display:flex;flex-direction:column;gap:1rem}.ordem-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px var(--shadow);border-color:var(--accent-red)}.ordem-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.ordem-header h3{font-size:1.3rem;color:var(--text-primary);margin-bottom:.25rem}.ordem-date{color:var(--text-secondary);font-size:.9rem}.status-badge{padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pendente{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-aguardando-aprovacao{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.status-aguardando-peca{background:#9c27b033;color:#9c27b0;border:1px solid rgba(156,39,176,.3)}.status-andamento{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.status-pronto{background:#00bcd433;color:#00bcd4;border:1px solid rgba(0,188,212,.3)}.status-entregue{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.status-cancelada{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.status-concluida{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.ordem-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.prioridade-badge{padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.prioridade-urgente{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.5)}.prioridade-critico{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.5)}.ordem-card.prioridade-urgente{border-left:4px solid #ff9800}.ordem-card.prioridade-critico{border-left:4px solid #f44336;animation:pulse-critical 2s infinite}@keyframes pulse-critical{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 8px #f4433600}}.valor-info{flex-wrap:wrap}.pagamento-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.pagamento-badge.pago{background:#4caf5033;color:#4caf50}.pagamento-badge.pendente{background:#f4433633;color:#f44336}.ordem-body{display:flex;flex-direction:column;gap:.75rem}.ordem-info{display:flex;justify-content:space-between;align-items:start;gap:1rem}.ordem-info strong{color:var(--text-secondary);font-size:.9rem;white-space:nowrap}.ordem-info span{color:var(--text-primary);text-align:right;word-break:break-word}.ordem-info .valor{color:var(--accent-red);font-weight:600;font-size:1.1rem}.ordem-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none}@media(max-width:768px){.ordens-grid{grid-template-columns:1fr}.filters{flex-direction:column}.search-box,.filter-select{width:100%}}.ordem-form{width:100%;max-width:900px;margin:0 auto}.form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;animation:fadeIn .5s ease-out}.form-section h2{font-size:1.3rem;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent-red)}.form-section h3.subsection-title{font-size:1.1rem;color:var(--accent-red);margin:2rem 0 1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.form-subsection{margin-top:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subsection-header h4{font-size:1rem;color:var(--text-primary);margin:0}.btn-add{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--accent-red);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add:hover{background:var(--accent-red-dark);transform:translateY(-2px);box-shadow:0 4px 12px #e639464d}.dispositivos-list{display:flex;flex-direction:column;gap:1rem}.dispositivo-item{background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.dispositivo-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:start}.dispositivo-fields .form-group{margin:0}.dispositivo-fields input{width:100%}.empty-dispositivos{padding:2rem;text-align:center;color:var(--text-secondary);font-style:italic;background:var(--bg-secondary);border-radius:6px;border:2px dashed var(--border-color)}.insumo-item{background:#f0f9ff;border-left:4px solid #4CAF50}.insumo-item .servico-info strong{color:#2e7d32}.quantidade-label{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0;padding:0;border:none}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #e639461a;background:var(--bg-dark)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.form-group textarea{resize:vertical;min-height:100px}.input-readonly{background:var(--bg-dark)!important;cursor:not-allowed;opacity:.7}.textarea-internal{background:#ffc1071a!important;border-color:#ffc1074d!important}.textarea-internal:focus{border-color:#ffc107!important;box-shadow:0 0 0 3px #ffc10733!important}.checkbox-group{display:flex;align-items:center;padding:.875rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400!important;text-transform:none!important}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-text{font-size:1rem;font-weight:600}.checkbox-text.pago{color:#38ef7d}.checkbox-text.pendente{color:#f5576c}.add-servico-select{padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .3s ease;max-width:300px}.add-servico-select:hover{border-color:var(--accent-red)}.add-servico-select:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #e639461a}.servicos-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.servico-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .3s ease;animation:fadeIn .3s ease-out}.servico-item:hover{border-color:var(--accent-red);transform:translate(5px)}.servico-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.servico-info strong{color:var(--text-primary);font-size:1rem}.servico-descricao{color:var(--text-secondary);font-size:.85rem}.servico-controls{display:flex;align-items:center;gap:1rem}.quantidade-input{width:70px;padding:.5rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);text-align:center;font-size:1rem}.quantidade-input:focus{outline:none;border-color:var(--accent-red)}.servico-valor{min-width:100px;text-align:right;color:var(--accent-red);font-weight:600;font-size:1.1rem}.empty-servicos{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.total-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.total-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-dark);border-radius:8px;margin-top:1rem}.total-row{display:flex;justify-content:space-between;align-items:center}.total-section strong{font-size:1.1rem;color:var(--text-primary)}.subtotal-valor{font-size:1.2rem;font-weight:600;color:var(--text-secondary)}.total-valor{font-size:1.8rem;font-weight:700;color:var(--accent-red)}.desconto-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color)}.desconto-row label{font-size:1rem;color:var(--text-secondary)}.desconto-input{width:80px;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;text-align:center}.desconto-input:focus{outline:none;border-color:var(--accent-red)}.total-com-desconto{margin-top:.5rem;padding-top:.75rem;border-top:2px solid var(--accent-red)}.valores-desconto{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.valor-original-riscado{font-size:1rem;color:var(--text-muted);text-decoration:line-through}.valor-com-desconto{font-size:1.8rem;font-weight:700;color:#2ecc71}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-red)}.btn-icon{padding:.5rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--accent-red);border-color:var(--accent-red)}@media(max-width:768px){.form-section{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.servico-item{flex-direction:column;align-items:flex-start}.servico-controls{width:100%;justify-content:space-between}.form-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}.add-servico-select{max-width:100%;width:100%}}.cliente-search-container{position:relative}.cliente-search-input{display:flex;align-items:center;gap:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;transition:all .3s ease}.cliente-search-input:focus-within{border-color:var(--accent-red);box-shadow:0 0 0 3px #e639461a}.cliente-search-input svg{color:var(--text-secondary);flex-shrink:0}.cliente-search-input input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;outline:none}.cliente-search-input input::placeholder{color:var(--text-secondary)}.btn-clear-cliente{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-clear-cliente:hover{background:var(--bg-secondary);color:var(--accent-red)}.cliente-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:.5rem;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 8px 25px #0003}.cliente-option{padding:.875rem 1rem;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .2s ease}.cliente-option:last-child{border-bottom:none}.cliente-option-nome{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.cliente-option-info{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.cliente-no-results{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.cliente-selecionado-badge{margin-top:.5rem;padding:.5rem .75rem;background:#e639461a;border:1px solid var(--accent-red);border-radius:6px;font-size:.85rem;color:var(--accent-red)}.cliente-selecionado-badge strong{color:var(--text-primary)}.servicos-list{width:100%}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;border-bottom:3px solid transparent}.tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab.active{color:var(--accent-red);border-bottom-color:var(--accent-red)}.servicos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.servico-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;animation:fadeIn .5s ease-out backwards;display:flex;flex-direction:column;gap:1rem}.servico-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px var(--shadow);border-color:var(--accent-red)}.servico-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.servico-header h3{font-size:1.2rem;color:var(--text-primary);flex:1;line-height:1.3}.servico-preco{font-size:1.3rem;font-weight:700;color:var(--accent-red);white-space:nowrap}.insumo-quantidade{font-size:.875rem;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:.375rem .75rem;border-radius:6px;white-space:nowrap}.insumo-info{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.insumo-card:hover{border-color:#4caf50}.servico-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5;flex:1}.servico-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border-radius:6px}.form-group input,.form-group textarea{padding:.875rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #e639461a;background:var(--bg-dark)}.form-group textarea{resize:vertical}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e6394680}.btn-secondary:hover{background:var(--bg-dark);border-color:var(--accent-red)}@media(max-width:768px){.servicos-grid{grid-template-columns:1fr}.modal{margin:1rem;max-height:calc(100vh - 2rem)}}.users-list{width:100%}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem;text-align:center}.access-denied svg{color:var(--accent-red)}.access-denied h2{font-size:2rem;color:var(--text-primary)}.access-denied p{color:var(--text-secondary);font-size:1.1rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.user-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;animation:fadeIn .5s ease-out backwards;display:flex;flex-direction:column;gap:1rem}.user-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px var(--shadow);border-color:var(--accent-red)}.user-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.user-avatar{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-dark) 100%);display:flex;align-items:center;justify-content:center;color:var(--accent-red);flex-shrink:0;border:2px solid var(--border-color);transition:all .3s ease}.user-card:hover .user-avatar{border-color:var(--accent-red);transform:scale(1.05)}.user-info-header{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.user-info-header h3{font-size:1.1rem;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.role-admin{background:#e6394633;color:var(--accent-red);border:1px solid rgba(230,57,70,.3)}.role-user{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.user-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-item strong{color:var(--text-secondary);font-size:.9rem}.detail-item span{color:var(--text-primary)}.user-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-icon{flex:1;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--accent-red);border-color:var(--accent-red);transform:translateY(-2px)}.btn-icon.btn-danger:hover{background:#dc3545;border-color:#dc3545}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;padding:1rem}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.5rem;color:var(--text-primary);margin:0}.btn-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:2rem;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px}.btn-close:hover{color:var(--accent-red);background:#e639461a}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:.875rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #e639461a;background:var(--bg-dark)}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.modal-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--accent-red) 0%,var(--accent-red-hover) 100%);color:#fff;box-shadow:0 4px 12px #e639464d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e6394680}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-dark);border-color:var(--accent-red)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.1rem}@media(max-width:768px){.users-grid{grid-template-columns:1fr}.modal{margin:1rem;max-height:calc(100vh - 2rem)}}.clientes-list{padding:2rem}.clientes-list .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.clientes-list .page-header h1{color:var(--text-primary);font-size:1.75rem;margin:0}.clientes-list .page-header p{color:var(--text-secondary);margin:.25rem 0 0}.clientes-list .page-header .btn{flex-shrink:0;flex-grow:0;flex:0 0 auto}.clientes-list .filters{display:flex;gap:1rem;margin-bottom:2rem}.clientes-list .search-box{flex:1;max-width:500px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.clientes-list .search-box:focus-within{border-color:var(--accent-red);box-shadow:0 0 0 3px #e639461a}.clientes-list .search-box svg{color:var(--text-secondary)}.clientes-list .search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;outline:none}.clientes-list .search-box input::placeholder{color:var(--text-secondary)}.clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.cliente-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;animation:fadeInUp .5s ease forwards;opacity:0}.cliente-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--accent-red)}.cliente-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.cliente-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--accent-red) 0%,#ff4757 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.cliente-info-header{flex:1}.cliente-info-header h3{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.cliente-cpf{font-size:.85rem;color:var(--text-secondary)}.cliente-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.cliente-details .detail-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.cliente-details .detail-item svg{color:var(--accent-red);flex-shrink:0}.cliente-details .detail-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cliente-obs{background:var(--bg-primary);padding:.75rem;border-radius:6px;margin-bottom:1rem}.cliente-obs p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.cliente-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.clientes-list .empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.clientes-list .empty-state svg{margin-bottom:1rem;opacity:.5}.clientes-list .empty-state p{margin:0;font-size:1.1rem}.clientes-list .modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.clientes-list .modal{background:var(--bg-secondary);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.clientes-list .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.clientes-list .modal-header h2{margin:0;color:var(--text-primary);font-size:1.25rem}.clientes-list .btn-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.clientes-list .btn-close:hover{background:var(--bg-primary);color:var(--accent-red)}.clientes-list .modal-form{padding:1.5rem}.clientes-list .form-group{margin-bottom:1.25rem}.clientes-list .form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.clientes-list .form-group input,.clientes-list .form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.clientes-list .form-group input:focus,.clientes-list .form-group textarea:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #e639461a}.clientes-list .form-group input::placeholder,.clientes-list .form-group textarea::placeholder{color:var(--text-secondary)}.clientes-list .form-group textarea{resize:vertical;min-height:80px}.clientes-list .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.clientes-list .modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:1rem}.clientes-list .btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none}.clientes-list .btn-primary{background:linear-gradient(135deg,var(--accent-red) 0%,#ff4757 100%);color:#fff}.clientes-list .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e6394666}.clientes-list .btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.clientes-list .btn-secondary:hover{background:var(--border-color)}.clientes-list .btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.clientes-list .btn-icon:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.clientes-list .btn-icon.btn-danger:hover{background:#dc3545;border-color:#dc3545}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-icon.btn-history{background:#2196f31a;border-color:#2196f34d}.btn-icon.btn-history:hover{background:#2196f3;border-color:#2196f3}.modal-historico{max-width:700px;max-height:85vh}.modal-historico .modal-header h2{display:flex;align-items:center;gap:.5rem}.modal-historico .modal-body{padding:1.5rem;overflow-y:auto;max-height:60vh}.historico-cliente-info{background:var(--bg-tertiary);padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem}.historico-cliente-info h3{margin:0 0 .5rem;color:var(--text-primary)}.historico-cliente-info p{margin:0;display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.historico-resumo{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.resumo-item{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:1rem;border-radius:8px;text-align:center;border:1px solid var(--border-color)}.resumo-item strong{display:block;font-size:1.5rem;color:var(--accent-red);margin-bottom:.25rem}.resumo-item span{font-size:.85rem;color:var(--text-secondary)}.historico-lista{display:flex;flex-direction:column;gap:1rem}.historico-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .3s ease}.historico-item:hover{border-color:var(--accent-red)}.historico-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.historico-os{font-weight:700;color:var(--text-primary);font-size:1.1rem}.historico-item-body{display:flex;flex-direction:column;gap:.25rem}.historico-item-body p{margin:0;font-size:.9rem;color:var(--text-secondary)}.historico-item-body p strong{color:var(--text-primary)}.historico-item-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.btn-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-red);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.btn-link:hover{color:var(--accent-red-hover)}.historico-vazio{display:flex;flex-direction:column;align-items:center;padding:3rem;color:var(--text-secondary);text-align:center}.historico-vazio svg{margin-bottom:1rem;opacity:.5}.loading-historico{text-align:center;padding:2rem;color:var(--text-secondary)}.historico-item .status-badge{padding:.25rem .5rem;font-size:.7rem}@media(max-width:768px){.clientes-list{padding:1rem}.clientes-list .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.clientes-list .filters{flex-direction:column}.clientes-list .search-box{max-width:100%}.clientes-grid,.clientes-list .form-row{grid-template-columns:1fr}.clientes-list .modal{margin:1rem}.modal-historico{max-width:95%}.historico-resumo{grid-template-columns:1fr}}.relatorios-page{padding:2rem;max-width:1400px;margin:0 auto}.relatorios-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.relatorios-page .page-header h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;color:#1a1a2e;margin:0}.relatorios-page .page-header p{color:#666;margin:.5rem 0 0}.filtros-card{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 12px #00000014}.filtros-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;color:#1a1a2e}.filtros-grid{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end}.filtro-group{display:flex;flex-direction:column;gap:.5rem}.filtro-group label{font-size:.85rem;font-weight:500;color:#666}.filtro-group input{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .2s}.filtro-group input:focus{outline:none;border-color:#e63946}.filtro-presets{display:flex;gap:.5rem;flex-wrap:wrap}.filtro-presets button{padding:.6rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;color:#666}.filtro-presets button:hover{border-color:#e63946;color:#e63946}.resumo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.resumo-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 12px #00000014;transition:transform .2s,box-shadow .2s}.resumo-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.resumo-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.resumo-info{display:flex;flex-direction:column;gap:.25rem}.resumo-label{font-size:.85rem;color:#888}.resumo-valor{font-size:1.35rem;font-weight:700;color:#1a1a2e}.detalhes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.detalhe-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #00000014}.detalhe-card h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a2e;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.detalhe-lista{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.detalhe-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:10px;transition:background .2s}.detalhe-item:hover{background:#f0f0f0}.detalhe-posicao{font-weight:700;color:#e63946;font-size:.9rem;min-width:30px}.detalhe-nome{flex:1;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detalhe-qtd{font-size:.85rem;color:#888;background:#e0e0e0;padding:.25rem .5rem;border-radius:4px}.detalhe-valor{font-weight:600;color:#2ecc71;min-width:100px;text-align:right}.sem-dados{color:#999;text-align:center;padding:2rem;font-style:italic}.relatorios-page .loading{text-align:center;padding:4rem 2rem;font-size:1.1rem;color:#666}@media(max-width:768px){.relatorios-page{padding:1rem}.relatorios-page .page-header{flex-direction:column;gap:1rem}.relatorios-page .page-header h1{font-size:1.5rem}.filtros-grid{flex-direction:column}.filtro-presets{width:100%}.filtro-presets button{flex:1}.resumo-grid{grid-template-columns:1fr 1fr}.resumo-card{padding:1rem}.resumo-icon{width:48px;height:48px}.resumo-valor{font-size:1.1rem}.detalhes-grid{grid-template-columns:1fr}}@media(max-width:480px){.resumo-grid{grid-template-columns:1fr}}.print-container{min-height:100vh;background:#fff;padding:2rem}.loading{text-align:center;padding:4rem;color:#666;font-size:1.2rem}.btn-print{position:fixed;top:2rem;right:2rem;padding:1rem 2rem;background:linear-gradient(135deg,#e63946,#ff4757);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #e639464d;transition:all .3s ease;z-index:100}.btn-print:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e6394680}.print-content{max-width:21cm;margin:0 auto;background:#fff;padding:2cm;box-shadow:0 0 20px #0000001a;color:#000}.print-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.company-logo{width:60px;height:60px;border-radius:10px;object-fit:contain}.company-logo-img{height:200px;width:auto;margin:-60px 0;object-fit:contain}.company-info h1{font-size:1.8rem;margin:0 0 .25rem;color:#000}.company-info p{margin:0;color:#666;font-size:.95rem}.os-number{text-align:right;display:flex;flex-direction:column;gap:.25rem}.os-number span{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.os-number strong{font-size:1.8rem;color:#e63946}.print-divider{height:2px;background:linear-gradient(90deg,#e63946 0%,transparent 100%);margin:2rem 0}.print-section{margin-bottom:1.5rem;page-break-inside:avoid}.section-title{font-size:1.1rem;font-weight:700;color:#000;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e63946;text-transform:uppercase;letter-spacing:.5px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item.full-width{grid-column:1 / -1}.info-item strong{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:1rem;color:#000}.problem-text{padding:1rem;background:#f8f9fa;border-left:3px solid #e63946;border-radius:4px;color:#000;line-height:1.6}.services-table{width:100%;border-collapse:collapse;margin-top:1rem}.services-table th{background:#2a2a2a;color:#fff;padding:.75rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.services-table td{padding:.75rem;border-bottom:1px solid #ddd;color:#000}.services-table tbody tr:hover{background:#f8f9fa}.service-desc{font-size:.85rem;color:#666;margin-top:.25rem}.services-table tfoot{font-weight:700}.total-row td{background:#f8f9fa;border-top:2px solid #e63946;font-size:1.1rem;color:#e63946}.total-section{background:linear-gradient(135deg,#e63946,#ff4757);padding:1rem 1.25rem;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;color:#fff;box-shadow:0 2px 8px #e6394633}.total-row{display:flex;justify-content:space-between;align-items:center;width:100%}.subtotal-row,.desconto-row-print{opacity:.9;padding-bottom:.4rem;border-bottom:1px dashed rgba(255,255,255,.3)}.total-label-small{font-size:.9rem;font-weight:500}.subtotal-value,.desconto-value{font-size:1rem;font-weight:600}.final-row{padding-top:.4rem}.valores-finais{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.valor-original-riscado{font-size:.9rem;text-decoration:line-through;opacity:.7}.destaque-verde{color:#90ee90!important}.total-label{font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.total-value{font-size:1.4rem;font-weight:700}.services-list{list-style:none;padding:0;margin:0}.services-list li{padding:.75rem;border-bottom:1px solid #ddd;line-height:1.6}.services-list li:last-child{border-bottom:none}.services-list li strong{color:#000;font-weight:600}.terms{margin:2rem 0;padding:1rem;background:#f8f9fa;border-radius:4px}.terms p{margin:0 0 .5rem;color:#000;font-weight:600;font-size:.95rem;line-height:1.6}.terms ul{margin:.5rem 0;padding-left:1.5rem;color:#666;font-size:.9rem}.terms ul li{margin-bottom:.25rem;line-height:1.5}.signatures{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:3rem}.signature-box{display:flex;flex-direction:column;gap:.5rem}.signature-line{height:60px;border-bottom:2px solid #000}.signature-label{display:flex;flex-direction:column;gap:.25rem;text-align:center}.signature-label strong{color:#000;font-size:.95rem}.signature-label span{color:#666;font-size:.85rem}.print-footer{margin-top:3rem;padding-top:1rem;border-top:1px solid #ddd;text-align:center}.print-footer p{margin:.25rem 0;color:#666;font-size:.85rem}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{background:#fff!important;margin:0!important;padding:0!important;height:auto!important;overflow:visible!important}.print-container{padding:0!important;min-height:auto!important;background:#fff!important;display:block!important}.btn-print,.no-print{display:none!important}.print-content{box-shadow:none!important;padding:0!important;max-width:100%!important;margin:0!important;width:100%!important;display:block!important;page-break-after:auto!important;page-break-before:auto!important}.print-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:.8rem!important;page-break-after:avoid!important}.company-info{display:flex!important;align-items:center!important;gap:1rem!important}.company-logo{width:45px!important;height:45px!important}.company-info h1{font-size:1.3rem!important;margin:0 0 .15rem!important}.company-info p{font-size:.75rem!important}.os-number strong{font-size:1.3rem!important}.print-divider{margin:.8rem 0!important;page-break-after:avoid!important}.print-section{margin-bottom:.8rem!important;page-break-inside:avoid!important;page-break-after:auto!important}.section-title{font-size:.9rem!important;margin-bottom:.5rem!important;padding-bottom:.25rem!important;page-break-after:avoid!important}.info-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.info-item{display:flex!important;flex-direction:column!important;gap:.25rem!important}.info-item.full-width{grid-column:1 / -1!important}.info-item strong{font-size:.7rem!important}.info-item span{font-size:.8rem!important}.problem-text{padding:.5rem!important;font-size:.8rem!important;line-height:1.3!important}.services-table{margin-top:.4rem!important;font-size:.75rem!important;page-break-inside:avoid!important}.services-table th{padding:.4rem!important;font-size:.7rem!important}.services-table td{padding:.4rem!important;font-size:.75rem!important}.service-desc{font-size:.65rem!important}.total-row td{font-size:.85rem!important}.services-list{font-size:.75rem!important}.services-list li{padding:.5rem!important}.terms{margin:.8rem 0!important;padding:.5rem!important}.terms p{font-size:.7rem!important;line-height:1.3!important}.signatures{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important;margin-top:1rem!important;page-break-inside:avoid!important}.signature-box{display:flex!important;flex-direction:column!important;gap:.5rem!important}.signature-line{height:35px!important}.signature-label strong{font-size:.75rem!important}.signature-label span{font-size:.65rem!important}.print-footer{margin-top:1rem!important;padding-top:.5rem!important;page-break-inside:avoid!important}.print-footer p{font-size:.65rem!important}@page{margin:.8cm .6cm!important;size:A4 portrait!important}}@media(max-width:768px){.print-container,.print-content{padding:1rem}.print-header{flex-direction:column;gap:1.5rem}.os-number{text-align:left}.info-grid{grid-template-columns:1fr}.signatures{grid-template-columns:1fr;gap:2rem}.services-table{font-size:.85rem}.services-table th,.services-table td{padding:.5rem}}.orcamentos-pc-list{padding:0}.orcamentos-pc-list .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.orcamentos-pc-list .page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.orcamentos-pc-list .page-header p{color:var(--text-secondary);font-size:.9rem}.orcamentos-pc-list .filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.orcamentos-pc-list .search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.orcamentos-pc-list .search-box svg{color:var(--text-muted)}.orcamentos-pc-list .search-box input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.9rem}.orcamentos-pc-list .search-box input::placeholder{color:var(--text-muted)}.orcamentos-pc-list .search-box input:focus{outline:none}.orcamentos-pc-list .filter-select{padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer}.orcamentos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.orcamento-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s ease;animation:fadeInUp .3s ease forwards;opacity:0}.orcamento-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:var(--accent-red)}.orcamento-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.orcamento-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.orcamento-header h3 svg{color:var(--accent-red)}.orcamento-number{font-size:.8rem;color:var(--text-muted)}.status-badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.status-aprovado{background:#22c55e26;color:#22c55e}.status-recusado{background:#ef444426;color:#ef4444}.status-montagem{background:#3b82f626;color:#3b82f6}.status-concluido{background:#8b5cf626;color:#a78bfa}.orcamento-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.orcamento-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.orcamento-info svg{color:var(--text-muted)}.orcamento-valor{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color);margin-top:.5rem}.orcamento-valor svg{color:#22c55e}.orcamento-valor span{font-size:1.25rem;font-weight:700;color:#22c55e}.orcamento-actions{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-dark)}.orcamento-actions .btn-icon{flex:1;display:flex;align-items:center;justify-content:center;padding:.625rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.orcamento-actions .btn-icon:hover{background:var(--bg-tertiary);color:var(--accent-red);border-color:var(--accent-red)}.orcamento-actions .btn-icon.btn-danger:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.empty-state svg{color:var(--text-muted);margin-bottom:1rem}.empty-state p{color:var(--text-secondary)}@media(max-width:768px){.orcamentos-pc-list .page-header{flex-direction:column;align-items:stretch}.orcamentos-pc-list .filters{flex-direction:column}.orcamentos-grid{grid-template-columns:1fr}}.orcamento-pc-form{padding:1.5rem;max-width:1400px;margin:0 auto}.orcamento-pc-form .page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.orcamento-pc-form .btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.orcamento-pc-form .btn-back:hover{background:var(--bg-secondary);color:var(--text-primary)}.orcamento-pc-form h1{font-size:1.5rem;color:var(--text-primary);margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-section{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.form-section.full-width{grid-column:1 / -1}.form-section h2{font-size:1.1rem;color:var(--text-primary);margin:0 0 .5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.section-description{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem;position:relative}.form-group label{display:block;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--bg-tertiary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #e639461a}.form-group input.readonly{background:var(--bg-dark);color:var(--text-secondary)}.cliente-search{position:relative;display:flex;align-items:center}.cliente-search svg{position:absolute;left:.75rem;color:var(--text-secondary);z-index:1}.cliente-search input{padding-left:2.5rem!important;width:100%}.cliente-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px #0006;max-height:200px;overflow-y:auto;z-index:100}.cliente-option{padding:.75rem 1rem;cursor:pointer;display:flex;flex-direction:column;border-bottom:1px solid var(--border-color)}.cliente-option:hover{background:var(--bg-tertiary)}.cliente-option strong{color:var(--text-primary);font-size:.95rem}.cliente-option span{color:var(--text-secondary);font-size:.85rem}.componentes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.componente-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s;position:relative;background:var(--bg-tertiary);min-height:100px}.componente-card:hover{border-color:var(--componente-cor);border-style:solid;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.componente-card.has-items{border-color:var(--componente-cor);border-style:solid;background:linear-gradient(135deg,var(--bg-tertiary) 0%,color-mix(in srgb,var(--componente-cor) 10%,var(--bg-tertiary)) 100%)}.componente-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--componente-cor) 20%,var(--bg-dark));border-radius:12px;color:var(--componente-cor);margin-bottom:.5rem}.componente-nome{font-size:.85rem;font-weight:600;color:#fff!important;text-align:center;line-height:1.3;margin-top:.5rem}.componente-badge{position:absolute;top:-8px;right:-8px;background:var(--componente-cor);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px #0003}.empty-componentes{text-align:center;padding:3rem;color:var(--text-muted)}.empty-componentes svg{margin-bottom:1rem;opacity:.5}.empty-componentes p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.25rem}.empty-componentes span{font-size:.9rem}.componentes-lista{display:flex;flex-direction:column;gap:.75rem}.componente-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:10px;border-left:4px solid var(--item-cor)}.item-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--item-cor) 20%,var(--bg-dark));border-radius:10px;color:var(--item-cor);flex-shrink:0}.item-info{flex:1;min-width:0}.item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.item-tipo{font-size:.75rem;font-weight:600;color:#fff;background:var(--item-cor);padding:.15rem .5rem;border-radius:4px;text-transform:uppercase}.item-nome{font-weight:600;color:var(--text-primary);font-size:.95rem}.item-descricao{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-site{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--accent-red)}.item-site a{color:var(--accent-red);display:flex;align-items:center}.item-site a:hover{color:var(--accent-red-hover)}.item-valores{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:120px}.item-qtd{font-size:.8rem;color:var(--text-secondary)}.item-preco{font-size:.85rem;color:var(--text-secondary)}.item-subtotal{font-weight:700;color:#059669;font-size:1rem}.item-actions{display:flex;flex-direction:column;gap:.5rem}.item-actions .btn-edit{padding:.4rem .75rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .2s}.item-actions .btn-edit:hover{background:#2563eb}.item-actions .btn-remove{padding:.4rem .6rem;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.item-actions .btn-remove:hover{background:#dc2626;color:#fff}.total-section{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#059669,#047857);border-radius:12px;margin-top:1rem}.total-section span{font-size:1.1rem;color:#ffffffe6}.total-section strong{font-size:1.75rem;color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--accent-red);color:#fff}.btn-primary:hover{background:var(--accent-red-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;animation:modalIn .2s ease-out;border:1px solid var(--border-color)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:3px solid var(--accent-red)}.modal-header h3{margin:0;font-size:1.2rem;color:var(--text-primary)}.btn-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-close:hover{background:var(--bg-tertiary);color:var(--accent-red)}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-row{gap:1rem}.subtotal-preview{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0596691a;border-radius:10px;margin-top:.5rem;border:1px solid rgba(5,150,105,.3)}.subtotal-preview span{color:var(--text-secondary);font-size:.95rem}.subtotal-preview strong{color:#22c55e;font-size:1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-tertiary);border-radius:0 0 16px 16px}@media(max-width:1024px){.form-grid{grid-template-columns:1fr}.componentes-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.orcamento-pc-form{padding:1rem}.form-row{grid-template-columns:1fr}.componentes-grid{grid-template-columns:repeat(3,1fr)}.componente-item{flex-wrap:wrap}.item-valores{width:100%;flex-direction:row;justify-content:space-between;padding-top:.75rem;border-top:1px solid #e2e8f0;margin-top:.5rem}.item-actions{flex-direction:row;width:100%;justify-content:flex-end;padding-top:.5rem}}@media(max-width:480px){.componentes-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.form-actions .btn{width:100%;justify-content:center}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%;justify-content:center}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.print-orcamento-pc{min-height:100vh;background:#f1f5f9}.print-actions{display:flex;justify-content:space-between;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.btn-back,.btn-print{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-back{background:#f1f5f9;color:#64748b}.btn-back:hover{background:#e2e8f0;color:#334155}.btn-print{background:#3b82f6;color:#fff}.btn-print:hover{background:#2563eb}.print-content{max-width:900px;margin:2rem auto;background:#fff;box-shadow:0 4px 20px #0000001a;border-radius:12px;padding:2rem}.print-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1.5rem;border-bottom:2px solid #1e293b;margin-bottom:1.5rem}.company-info{display:flex;align-items:center;gap:1rem;overflow:hidden;height:80px}.company-logo{height:200px;width:auto;margin-top:-60px;margin-bottom:-60px;object-fit:contain}.company-details p{margin:.25rem 0;color:#64748b;font-size:.9rem}.orcamento-info{text-align:right}.orcamento-info h1{font-size:1.2rem;color:#1e293b;margin:0 0 .5rem;font-weight:600}.orcamento-numero{font-size:1rem;font-weight:700;color:#3b82f6;background:#eff6ff;padding:.35rem .75rem;border-radius:6px;display:inline-block}.orcamento-data{margin-top:.5rem;font-size:.9rem;color:#64748b}.orcamento-titulo{background:linear-gradient(135deg,#1e293b,#334155);padding:1rem 1.5rem;border-radius:10px;margin-bottom:1.5rem}.orcamento-titulo h2{margin:0;color:#fff;font-size:1.2rem;font-weight:600;text-align:center}section{margin-bottom:1.5rem}section h3{font-size:1rem;color:#1e293b;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;text-transform:uppercase;letter-spacing:.5px}.cliente-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:.95rem;color:#1e293b;font-weight:500}.componentes-table{width:100%;border-collapse:collapse;font-size:.85rem}.componentes-table th{background:#f8fafc;padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.componentes-table td{padding:.75rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.componentes-table tbody tr:hover{background:#fafafa}.text-center{text-align:center}.text-right{text-align:right}.componente-cell{display:flex;align-items:center;gap:.75rem}.tipo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.tipo-info{display:flex;flex-direction:column}.tipo-label{font-size:.7rem;color:#64748b;text-transform:uppercase}.print-orcamento-pc .componente-nome,.print-content .componente-nome,.componentes-table .componente-nome{font-weight:600;color:#1e293b!important;font-size:.9rem;display:block}.descricao-cell{color:#64748b;font-size:.8rem;max-width:200px}.site-cell{display:flex;align-items:center;gap:.5rem;color:#3b82f6}.link-icon{color:#3b82f6;display:flex;align-items:center}.link-icon:hover{color:#2563eb}.subtotal{font-weight:600;color:#059669}.total-row td{padding:1rem .75rem;background:#f0fdf4;border-top:2px solid #059669}.total-value{font-size:1.25rem;color:#059669}.observacoes-section p{background:#fefce8;padding:1rem;border-radius:8px;border-left:4px solid #eab308;margin:0;color:#713f12;font-size:.9rem}.print-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.validade{background:#f8fafc;padding:1rem;border-radius:8px;margin-bottom:2rem}.validade p{margin:.25rem 0;font-size:.85rem;color:#64748b}.assinaturas{display:flex;justify-content:space-around;margin:3rem 0 1.5rem}.assinatura{text-align:center;min-width:200px}.assinatura .linha{border-bottom:1px solid #1e293b;margin-bottom:.5rem;height:40px}.assinatura span{font-size:.9rem;color:#64748b}.footer-info{text-align:center;padding-top:1rem}.footer-info p{font-size:.8rem;color:#9ca3af;margin:0}.print-loading,.print-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.print-error button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer}@media print{@page{size:A4;margin:10mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print{display:none!important}body{margin:0;padding:0}.print-orcamento-pc{background:#fff!important;min-height:auto;padding:0;margin:0}.print-content{max-width:100%;margin:0;box-shadow:none;border-radius:0;padding:0}.print-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;padding-bottom:.75rem;margin-bottom:.75rem}.company-info{height:50px;display:flex!important;flex-direction:row!important}.company-logo{height:120px;margin-top:-35px;margin-bottom:-35px}.orcamento-titulo{background:#1e293b!important;padding:.5rem 1rem;margin-bottom:.75rem}.orcamento-titulo h2{font-size:1rem}.cliente-section{margin-bottom:.75rem!important;page-break-inside:avoid}.cliente-section h3{margin-bottom:.5rem!important;padding-bottom:.25rem!important;font-size:.85rem}.cliente-info{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:1.5rem!important}.info-item{display:flex!important;flex-direction:column!important;flex:1;min-width:0}.info-item label{font-size:.65rem!important}.info-item span{font-size:.8rem!important}.componentes-section{margin-bottom:.5rem!important}.componentes-section h3{margin-bottom:.5rem!important;padding-bottom:.25rem!important;font-size:.85rem}.tipo-icon{width:24px!important;height:24px!important}.tipo-icon svg{width:12px!important;height:12px!important}.componentes-table{font-size:.75rem!important}.componentes-table th{background:#f8fafc!important;padding:.4rem .5rem!important;font-size:.7rem!important}.componentes-table td{padding:.4rem .5rem!important}.componente-cell{gap:.5rem!important}.tipo-label{font-size:.6rem!important}.print-orcamento-pc .componente-nome,.print-content .componente-nome,.componentes-table .componente-nome{font-size:.75rem!important}.descricao-cell{font-size:.7rem!important;max-width:150px!important}.total-row td{background:#f0fdf4!important;padding:.5rem!important}.total-value{font-size:1rem!important}.observacoes-section{margin-bottom:.5rem!important}.observacoes-section h3{font-size:.85rem;margin-bottom:.5rem!important}.observacoes-section p{background:#fefce8!important;padding:.5rem!important;font-size:.8rem!important}.componentes-table tbody tr:hover{background:transparent}.componentes-table{page-break-inside:auto}.componentes-table tr{page-break-inside:avoid;page-break-after:auto}.print-footer{margin-top:1rem;padding-top:.75rem}.validade{padding:.5rem;margin-bottom:1rem}.validade p{font-size:.75rem;margin:.15rem 0}.assinaturas{margin:1.5rem 0 .75rem}.assinatura{min-width:150px}.assinatura .linha{height:25px}.assinatura span{font-size:.8rem}.footer-info p{font-size:.7rem}}@media(max-width:768px){.print-content{margin:1rem;padding:1rem}.print-header{flex-direction:column;gap:1rem}.orcamento-info{text-align:left}.cliente-info{grid-template-columns:1fr}.componentes-table{font-size:.75rem}.componentes-table th,.componentes-table td{padding:.5rem}.descricao-cell{max-width:100px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);position:relative;overflow:hidden;padding:2rem}.login-background{position:absolute;inset:0;z-index:0;overflow:hidden}.bg-shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;background:linear-gradient(135deg,var(--accent-red) 0%,var(--accent-red-hover) 100%);top:-100px;left:-100px;animation-delay:0s}.shape-2{width:400px;height:400px;background:linear-gradient(135deg,var(--accent-red) 0%,var(--accent-red-hover) 100%);bottom:-150px;right:-150px;animation-delay:5s}.shape-3{width:200px;height:200px;background:linear-gradient(135deg,var(--accent-red) 0%,var(--accent-red-hover) 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}.login-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:3rem;width:100%;max-width:450px;box-shadow:0 20px 60px #00000080;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:2rem;overflow:hidden}.login-logo-container{overflow:hidden;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.login-logo{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-red) 0%,var(--accent-red-hover) 100%);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2rem;letter-spacing:-2px;margin:0 auto 1.5rem;box-shadow:0 8px 24px #e6394666;animation:pulse 2s infinite}.login-header{overflow:hidden;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.5rem}.login-logo-img{height:200px;width:auto;margin:-60px 0;object-fit:contain}@keyframes pulse{0%,to{box-shadow:0 8px 24px #e6394666}50%{box-shadow:0 8px 24px #e63946b3}}.login-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#ff6b6b;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-secondary);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.form-group input{padding:1rem 1.25rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--accent-red);background:var(--bg-dark);box-shadow:0 0 0 4px #e639461a;transform:translateY(-2px)}.btn-login{padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-red) 0%,var(--accent-red-hover) 100%);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 12px #e639464d;margin-top:.5rem}.btn-login:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #e6394680}.btn-login:active:not(:disabled){transform:translateY(-1px)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.login-footer p{color:var(--text-secondary);font-size:.95rem}.link{color:var(--accent-red);text-decoration:none;font-weight:600;transition:all .3s ease}.link:hover{color:var(--accent-red-hover);text-decoration:underline}.login-cliente-link{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.login-cliente-link a{color:#3b82f6;font-size:.9rem;text-decoration:none;transition:color .2s}.login-cliente-link a:hover{color:#60a5fa;text-decoration:underline}@media(max-width:768px){.login-page{padding:1rem}.login-container{padding:2rem 1.5rem}.login-logo{width:60px;height:60px}.login-header h1{font-size:1.5rem}.bg-shape{display:none}}.cliente-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);position:relative;overflow:hidden;padding:2rem}.cliente-auth-background{position:absolute;inset:0;z-index:0;overflow:hidden}.cliente-auth-page .bg-shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.cliente-auth-page .shape-1{width:300px;height:300px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);top:-100px;left:-100px;animation-delay:0s}.cliente-auth-page .shape-2{width:400px;height:400px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);bottom:-150px;right:-150px;animation-delay:5s}.cliente-auth-page .shape-3{width:200px;height:200px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.cliente-auth-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;width:100%;max-width:450px;box-shadow:0 20px 60px #00000080;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cliente-auth-header{text-align:center;margin-bottom:2rem;overflow:hidden}.cliente-auth-logo-container{overflow:hidden;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.cliente-auth-logo-img{height:160px;width:auto;margin:-50px 0;object-fit:contain}.cliente-auth-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.cliente-auth-header p{color:var(--text-secondary);font-size:.9rem}.cliente-auth-form{display:flex;flex-direction:column;gap:1.25rem}.cliente-auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.cliente-auth-form label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.cliente-auth-form input{padding:.875rem 1rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.cliente-auth-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.cliente-auth-form input::placeholder{color:var(--text-muted)}.cliente-auth-form input:disabled{opacity:.6;cursor:not-allowed}.btn-cliente-auth{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.btn-cliente-auth:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-cliente-auth:disabled{opacity:.7;cursor:not-allowed}.cliente-auth-form .error-message{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem}.cliente-auth-footer{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.cliente-auth-footer p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem}.cliente-auth-footer .btn-link{display:inline-flex;align-items:center;gap:.5rem;color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.cliente-auth-footer .btn-link:hover{color:#60a5fa}.cliente-auth-admin-link{margin-top:1.5rem;text-align:center}.cliente-auth-admin-link a{color:var(--text-muted);font-size:.8rem;text-decoration:none;transition:color .2s}.cliente-auth-admin-link a:hover{color:var(--text-secondary)}.success-container{text-align:center;padding:2rem}.success-icon{color:#22c55e;margin-bottom:1.5rem;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-container h2{color:var(--text-primary);margin-bottom:.5rem}.success-container p{color:var(--text-secondary)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:480px){.cliente-auth-container{padding:1.5rem;margin:1rem}.cliente-auth-header h2{font-size:1.25rem}.cliente-auth-form input{padding:.75rem}.btn-cliente-auth{padding:.875rem}}.cliente-dashboard{min-height:100vh;background:var(--bg-dark)}.cliente-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-user{display:flex;align-items:center;gap:1.5rem}.user-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.btn-perfil{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-perfil:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.cliente-main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.welcome-section{margin-bottom:2rem}.welcome-section h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.welcome-section p{color:var(--text-secondary)}.status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.status-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.status-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.status-card.total svg{color:#3b82f6}.status-card.andamento svg{color:#f59e0b}.status-card.prontos svg{color:#22c55e}.status-card.concluidos svg{color:#8b5cf6}.status-card .count{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.status-card .label{font-size:.875rem;color:var(--text-secondary)}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.search-box svg{color:var(--text-muted)}.search-box input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.9rem}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{outline:none}.filter-select{padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-refresh:hover{background:var(--bg-tertiary);border-color:#3b82f6;color:#3b82f6}.orders-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.order-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;animation:fadeInUp .3s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.order-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#3b82f6}.order-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.order-number{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.large{padding:.5rem 1rem;font-size:.875rem}.status-pendente{background:#fbbf2426;color:#fbbf24}.status-aguardando-aprovacao{background:#8b5cf626;color:#a78bfa}.status-aguardando-peca{background:#ec489926;color:#f472b6}.status-andamento{background:#3b82f626;color:#60a5fa}.status-pronto{background:#22c55e26;color:#4ade80}.status-entregue,.status-concluida{background:#22c55e26;color:#22c55e}.status-cancelada{background:#ef444426;color:#ef4444}.order-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-info strong{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.order-info span{color:var(--text-primary);font-size:.9rem}.order-footer{padding:1rem;border-top:1px solid var(--border-color)}.btn-details{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;font-weight:500;cursor:pointer;transition:all .2s}.btn-details:hover{background:#3b82f633;border-color:#3b82f6}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.loading-state svg,.empty-state svg{color:var(--text-muted);margin-bottom:1rem}.loading-state p,.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem}.empty-state p{color:var(--text-muted);font-size:.9rem}.spinning{animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-secondary)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:all .2s}.btn-close:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.modal-body{padding:1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.detail-item label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.detail-item span{color:var(--text-primary);font-size:.9rem}.problem-text,.observations-text{background:var(--bg-dark);padding:1rem;border-radius:8px;color:var(--text-secondary);font-size:.9rem;line-height:1.6;white-space:pre-wrap}.valor-display{background:var(--bg-dark);padding:1rem;border-radius:8px;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.valor-label{color:var(--text-secondary)}.valor-amount{font-size:1.5rem;font-weight:700;color:#22c55e}.pagamento-status{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.pagamento-status.pago{background:#22c55e26;color:#22c55e}.pagamento-status.pendente{background:#fbbf2426;color:#fbbf24}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}.header-user{width:100%;justify-content:space-between}.welcome-section h1{font-size:1.5rem}.status-cards{grid-template-columns:repeat(2,1fr)}.status-card{padding:1rem}.status-card .count{font-size:1.5rem}.filters-section{flex-direction:column}.search-box{min-width:100%}.orders-grid{grid-template-columns:1fr}}@media(max-width:480px){.cliente-main{padding:1rem}.status-cards{grid-template-columns:1fr}}.cliente-perfil{min-height:100vh;background:var(--bg-dark)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-secondary)}.spinner-large{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.perfil-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0;position:sticky;top:0;z-index:100}.perfil-header .header-content{max-width:800px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-back:hover{background:var(--bg-tertiary);border-color:#3b82f6;color:#3b82f6}.header-logo{overflow:hidden;height:50px;display:flex;align-items:center}.header-logo img{height:150px;width:auto;margin:-50px 0;object-fit:contain}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.perfil-main{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.perfil-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.perfil-title{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.perfil-title svg{color:#3b82f6}.perfil-title h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.perfil-title p{color:var(--text-secondary);font-size:.9rem}.message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.perfil-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h2{font-size:1rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.form-row{display:flex;gap:1rem}.form-row.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-group input{padding:.875rem 1rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-group input::placeholder{color:var(--text-muted)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.btn-save{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-save:disabled{opacity:.7;cursor:not-allowed}.password-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.btn-toggle-password{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.btn-toggle-password:hover{background:var(--bg-tertiary);border-color:#f59e0b;color:#f59e0b}.password-form{margin-top:1.5rem;padding:1.5rem;background:var(--bg-dark);border-radius:12px;display:flex;flex-direction:column;gap:1rem}.password-input{position:relative;display:flex}.password-input input{flex:1;padding-right:48px}.btn-toggle-visibility{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.btn-toggle-visibility:hover{color:var(--text-secondary)}.btn-change-password{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-change-password:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.btn-change-password:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.perfil-main{padding:1rem}.perfil-container{padding:1.5rem}.perfil-header .header-content{padding:0 1rem}.btn-back span,.btn-logout span{display:none}.form-row.two-cols{grid-template-columns:1fr}.perfil-title{flex-direction:column;text-align:center}}