*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07111f;color:#eef5ff;font-family:Arial,Helvetica,sans-serif}body{font-size:16px}.app{max-width:1200px;margin:0 auto;padding:14px}header{height:82px;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:space-between;-webkit-justify-content:space-between;border-bottom:1px solid #24344a;margin-bottom:14px}h1{font-size:27px;margin:0;color:#ffbd35;letter-spacing:.5px}header p{margin:5px 0 0;color:#94a7bc}h2{margin:0 0 12px;font-size:18px;text-transform:uppercase;letter-spacing:.8px}.clock{text-align:right}.clock strong{display:block;font-size:28px;color:#48d4ee}.clock span{color:#94a7bc}.pos{display:flex;display:-webkit-flex;gap:14px;height:calc(100vh - 110px);min-height:570px}.panel{background:#101e30;border:1px solid #20334a;border-radius:14px;padding:14px;box-shadow:0 5px 15px rgba(0,0,0,.25)}.menu{width:54%;overflow:hidden}.cart{width:46%;display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column}.products{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin:-5px}.product{width:calc(33.333% - 10px);height:128px;margin:5px;border:1px solid #304761;border-radius:12px;background:#172a40;color:#fff;cursor:pointer;font:inherit;box-shadow:0 3px 7px rgba(0,0,0,.25)}.product:active{background:#22415d;transform:translateY(2px)}.product-icon{display:block;font-size:28px;margin-bottom:5px}.product strong,.product em{display:block}.product strong{font-size:16px}.product em{font-style:normal;color:#ffbd35;font-weight:bold;margin-top:7px}.cart-head,.cart-row{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}.cart-head>span:first-child,.cart-row>div:first-child{flex:1;-webkit-flex:1}.cart-head>span:nth-child(2),.cart-row>.qty{width:115px}.cart-head>span:nth-child(3),.cart-row>strong{width:82px}.cart-head{color:#8297ad;text-transform:uppercase;font-size:11px;padding:0 8px 7px}.cart-head span:nth-child(2),.cart-head span:nth-child(3){text-align:center}.cart-items{overflow:auto;flex:1;-webkit-flex:1;border-top:1px solid #263b52}.cart-row{padding:9px 4px;border-bottom:1px solid #263b52}.cart-row small{display:block;color:#8297ad;font-size:11px;margin-top:3px}.cart-row>strong{text-align:right;color:#ffcf63}.qty{text-align:center;white-space:nowrap}.qty button{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:#29445e;color:#fff;font-size:22px}.qty b{display:inline-block;width:31px}.empty{text-align:center;color:#8297ad;padding:60px 5px}.cart-bottom{padding-top:9px}.total{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;margin-bottom:9px}.total span{color:#9cafc2;font-weight:bold}.total strong{font-size:29px;color:#ffbd35}.btn{border:0;border-radius:10px;padding:14px 18px;color:#fff;font-weight:bold;font-size:15px;cursor:pointer;width:100%}.btn:disabled{opacity:.4}.primary{background:#f39c12;color:#17202b}.success{background:#18a86b}.danger,.link-danger{background:#b8444e;color:#fff}.modal{position:fixed;z-index:20;left:0;top:0;right:0;bottom:0;background:rgba(2,8,16,.88);display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;padding:15px}.hidden{display:none!important}.modal-box{position:relative;width:480px;max-width:100%;background:#12243a;border:1px solid #34506d;border-radius:16px;padding:24px;text-align:center;box-shadow:0 10px 40px #000}.modal-close{position:absolute;right:10px;top:8px;background:none;border:0;color:#9eb0c2;font-size:30px}.modal-total strong{display:block;color:#ffbd35;font-size:38px;margin:5px}.pay-buttons{display:flex;display:-webkit-flex;gap:8px}.pay-buttons button{width:33.33%;height:64px;background:#203a55;border:2px solid transparent;border-radius:10px;color:#fff;font-weight:bold}.pay-buttons .selected{border-color:#48d4ee;background:#23536b}.cash-area{margin:14px 0;display:flex;display:-webkit-flex;gap:15px;align-items:end;-webkit-align-items:flex-end;text-align:left}.cash-area label{flex:1;-webkit-flex:1;font-size:12px;color:#aab8c7}.cash-area input,.login-box input,.product-form input,.product-row input{display:block;width:100%;background:#091727;color:#fff;border:1px solid #36516e;border-radius:7px;padding:11px;margin-top:5px;font:inherit}.change{flex:1;-webkit-flex:1;color:#aab8c7;font-size:12px}.change strong{display:block;color:#5ee19d;font-size:21px;margin-top:10px}.error{color:#ff7b82;min-height:20px;margin:8px}.notice{color:#5ee19d}.success-icon{margin:auto;width:70px;height:70px;line-height:70px;border-radius:50%;background:#18a86b;font-size:40px}.success-box h2{color:#ffbd35;margin-top:18px}.success-box h3{color:#5ee19d}.success-box p{line-height:1.8}.thanks{font-size:20px}.header-links{text-align:right}.header-links a{color:#48d4ee;text-decoration:none;margin-left:15px}.header-links small{display:block;color:#8297ad;margin-top:9px}.metrics{display:flex;display:-webkit-flex;gap:12px;margin-bottom:12px}.metric{width:25%;background:#12243a;border-left:4px solid #f5b52d;border-radius:10px;padding:15px}.metric span{display:block;color:#8fa2b6;font-size:11px}.metric strong{display:block;font-size:23px;margin-top:8px}.dash-grid{display:flex;display:-webkit-flex;gap:12px;margin-bottom:12px}.dash-grid>.panel{width:50%}.rank,.pay-row{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;padding:8px;border-bottom:1px solid #263b52}.rank>b{background:#f4b52d;color:#17202b;border-radius:50%;width:26px;height:26px;line-height:26px;text-align:center;margin-right:10px}.rank span,.pay-row span{flex:1;-webkit-flex:1}.rank small,.pay-row small{display:block;color:#8297ad}.rank strong,.pay-row strong{color:#5ee19d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid #273b51;white-space:nowrap}th{font-size:11px;color:#8fa2b6;text-transform:uppercase}.status{padding:4px 7px;border-radius:5px;font-size:11px;text-transform:uppercase}.status.finalizado{background:#164f3b;color:#68e5aa}.status.cancelado{background:#512c34;color:#ff8990}.general{display:flex;display:-webkit-flex;background:#12243a;border-radius:12px;margin-top:12px}.general div{width:33.33%;padding:13px;text-align:center;border-right:1px solid #263b52}.general span,.general strong{display:block}.general span{color:#8fa2b6;font-size:12px}.general strong{margin-top:5px;color:#48d4ee}.login-page{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;height:100vh}.login-box{width:360px;max-width:92%;background:#12243a;padding:28px;border-radius:15px;text-align:center}.login-box label{display:block;text-align:left;margin:15px 0;color:#aabbcc}.login-box a{display:block;color:#48d4ee;margin-top:18px}.banner{text-align:center}.product-form,.product-row{display:flex;display:-webkit-flex}.product-form input,.product-row input{margin-right:8px;flex:1;-webkit-flex:1}.product-form input:first-of-type,.product-row input[name=nome]{flex:2;-webkit-flex:2}.product-form input[name=ordem],.product-row input[name=ordem]{max-width:80px}.product-form .btn{width:130px}.product-row{margin-top:7px}.product-row button{width:100px;margin-right:5px}.product-row button{border:0;border-radius:6px;color:#fff;background:#2b5875}.product-row .danger{background:#a43c47}.product-row .success{background:#168b5a}.inline{display:inline}.link-danger{border:0;padding:3px;margin-left:8px}.order-detail div{display:flex;justify-content:space-between;padding:7px}.detail-total{border-top:1px solid #40556d;color:#ffbd35;font-size:20px}
@media(max-width:800px){header{height:auto;min-height:75px}.pos{height:auto;display:block}.menu,.cart{width:100%;margin-bottom:12px}.product{height:105px}.cart{min-height:500px}.metrics{flex-wrap:wrap}.metric{width:calc(50% - 6px)}.dash-grid{display:block}.dash-grid>.panel{width:100%;margin-bottom:12px}.product-form,.product-row{flex-wrap:wrap;-webkit-flex-wrap:wrap}.product-row button{min-height:40px}}
@media(max-width:480px){h1{font-size:19px}.clock strong{font-size:21px}.product{width:calc(50% - 10px)}.cart-head>span:nth-child(2),.cart-row>.qty{width:105px}.cart-head>span:nth-child(3),.cart-row>strong{width:70px}.metrics{display:block}.metric{width:100%;margin-bottom:8px}.general{display:block}.general div{width:100%;border-right:0}.pay-buttons{display:block}.pay-buttons button{width:100%;margin:4px 0}}