*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.login-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:90vh;display:flex}.login-box{background-color:#fffefe;border:1px solid #00000018;border-radius:8px;padding:10px;box-shadow:0 4px 8px 1px #0003}.login-img{-o-object-fit:cover;object-fit:cover;width:200px;height:150px;margin:0 auto;display:block}.login-form{flex-direction:column;gap:10px;display:flex}.login-form-group label{color:#333;font-size:small}.login-form-group input{border:1px solid #dcdcdc;border-radius:5px;outline:none;width:100%;padding:8px;font-size:medium}.login-form-group input:focus{border:1px solid #4f46e5;box-shadow:0 2px 4px 1px #4e46e54e}.login-form-actions{color:#333}.login-form-actions .remember-me{cursor:pointer}.error{color:#dc143c;font-size:smaller;font-weight:700;list-style:none}.login-form-actions button{float:right;color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:5px;padding:8px 10px;font-size:medium}.login-form-actions button:hover{background-color:#3f39b4}.header{background:#4f46e5;border-bottom:1px solid #e5e7eb;width:100%;height:70px}.header-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 20px;display:flex}.title{color:#fff;font-size:1.7em;font-weight:700;text-decoration:none}.header-actions{align-items:center;gap:12px;display:flex}.header-action{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;width:40px;height:40px}.box-actions{color:#fff;align-items:center;gap:12px;display:flex}.header-actions #menu-toggle{display:none}.item{text-align:center;color:currentColor;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:10px;font-size:1em;font-weight:500;text-decoration:none;transition:background-color .2s,transform .1s}.item:hover{border:1px solid #fff}.notification-btn{flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.notification-badge{color:#fff;background:#ef4444;border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:none;position:absolute;top:5px;right:5px}.notification-btn:hover svg{animation:.4s bell-shake}.container-notification{color:#000;position:absolute}.dropdown{position:relative}.dropdown-button{color:currentColor;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;min-height:40px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.dropdown-button svg{width:16px;height:16px;transition:transform .2s}.dropdown.open .dropdown-button svg{transform:rotate(180deg)}.dropdown-menu{z-index:1000;opacity:0;visibility:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:180px;padding:6px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a,.dropdown-menu form button{box-sizing:border-box;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;width:100%;min-height:40px;padding:0 12px;font-family:inherit;font-size:14px;text-decoration:none;transition:backgroun-color .2s,color .2s;display:flex}.dropdown-menu a:hover,.dropdown-menu form button:hover{color:#111827;background:#f3f4f6}.card{border:1px solid #dcdcdc;border-radius:8px;margin:5px}.card .title-card{color:#333;border-bottom:1px solid #dcdcdc;padding:5px 8px}.card .body{border-bottom:1px solid #dcdcdc}.card .text-unique{text-align:center;padding:20px}.card .actions{color:#333;float:right;padding:5px}.card .actions .btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:5px;margin:0 2px;padding:8px;font-size:.8em;text-decoration:none}.btn{color:#4f46e5;cursor:pointer;text-align:center;background-color:#0000;border:1px solid #4f46e5;border-radius:4px;padding:6px 8px;font-size:1em;text-decoration:none}.btn:hover{color:#fff;background-color:#4f46e5}.btn:hover.edit{background-color:#ff8c00}.btn:hover.delete{background-color:#ef4444}.container{grid-template-columns:repeat(12,1fr);gap:10px;display:grid}.action-menu{flex-direction:row;justify-content:space-around;margin:15px 0;display:flex}.sub-form-search{align-items:center;gap:5px;display:flex}.sub-form-search input{border:1px solid #cacaca;border-radius:5px;outline:none;padding:8px}.sub-form-search input:focus{border:1px solid #4f46e5;box-shadow:0 2px 4px 1px #4e46e54e}.empty{text-align:center;color:#333;margin:30px;font-size:medium}.alert{z-index:1;border-radius:5px;margin:10px;padding:10px;position:fixed;bottom:0;right:0}.alert-success{color:#003e00;background-color:#32cd32}.alert-warning{color:#452701;background-color:#ff8c00}.alert-error{color:#3e0101;background-color:#ef4444}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.m-1{margin:5px}.m-2{margin:10px}.m-3{margin:15px}.m-4{margin:20px}.m-5{margin:25px}.mb-1{margin-bottom:5px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:15px}.mb-4{margin-bottom:20px}.mb-5{margin-bottom:25px}.flw-left{float:left}.flw-right{float:right}.text-center{text-align:center}.table-caption{flex-direction:row;justify-content:space-between;align-items:center;margin:25px 10px;display:flex}.table-body{border-collapse:collapse;width:100%;font-family:arial,sans-serif}.table-body td,.table-body th{text-align:center;border:1px solid #ddd;padding:5px;font-size:.7em}.table-body .main-line:hover{cursor:pointer;background-color:#f1f1f1}.table-body .detailed-line{display:none}.table-body .detailed-line.active{display:table-row}.table-body .title-grid{text-align:end;padding:5px}.table-body .box{border:1px solid #ddd;border-radius:5px;padding:5px}.table-body .total-grid{text-align:start;padding:5px}.table-body .box .size-pieces{color:#fff;background-color:#4f46e5;border-radius:5px;padding:2px 5px}.table-body .box .number-pieces{margin:0 5px}.table-body .created_at{color:#333}.pecas-por-cliente{background-color:gold}.shipping{color:#ef4444;font-weight:700}.status{color:#f3f4f6;border:1px solid #dcdcdc;border-radius:5px;padding:6px;font-weight:700}.action{justify-content:space-around;align-items:center;margin:10px 0;display:flex}.box-observation{text-align:start;border:1px solid #cacaca;border-radius:8px;padding:5px}.box-observation h3{border-bottom:1px solid #cacaca;padding:8px 0}.box-observation p{padding:10px 0}@media screen and (width<=1024px){.login-form-actions button{width:100%;margin-top:10px}}@media screen and (width<=768px){.col-sm-1{grid-column:span 1}.col-sm-2{grid-column:span 2}.col-sm-3{grid-column:span 3}.col-sm-4{grid-column:span 4}.col-sm-5{grid-column:span 5}.col-sm-6{grid-column:span 6}.col-sm-7{grid-column:span 7}.col-sm-8{grid-column:span 8}.col-sm-9{grid-column:span 9}.col-sm-10{grid-column:span 10}.col-sm-11{grid-column:span 11}.col-sm-12{grid-column:span 12}.login-form-actions button{width:100%;margin-top:10px}.header{height:60px}.header-container{padding:0 15px}.title{font-size:1.3em}.header-actions{gap:4px}.header-actions #menu-toggle{display:flex}.box-actions{background:#4f46e5;border-bottom:1px solid #fffefe;flex-direction:column;align-items:stretch;gap:4px;width:100%;padding:12px;display:none;position:absolute;top:60px;left:0}.box-actions.active{display:flex}.box-actions .item{text-align:left;width:100%;padding:12px 14px}.dropdown{width:100%}.dropdown-button{justify-content:start;width:100%}.dropdown.open .dropdown-menu{position:relative}.action-menu{flex-direction:column-reverse;gap:10px}.action-menu a{margin:0 10px}.sub-form-search{margin:0 5px}.sub-form-search input{width:80%;padding:10px 0}.card .actions{float:none;justify-content:space-around;display:flex}.card .actions .btn{font-size:1em}.table-caption{flex-direction:column;gap:10px}.title-box{text-align:start;font-size:1em}.table-body thead{display:none}.table-body td{display:block}}@keyframes bell-shake{0%{transform:rotate(0)}20%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}