body.m360-body{margin:0;background:#eef4f0;color:#19352d}body.m360-body #m360{max-width:1440px;margin:0 auto;min-height:100vh;border-radius:0;padding:32px}#m360 [hidden]{display:none!important}#m360 .m360-nav{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #d4e2d9;padding-bottom:20px;margin-bottom:14px}#m360 .m360-nav button{background:transparent;color:#315b4b;border:1px solid #c6d9ce}#m360 .m360-nav button.active{background:#136b4f;color:white;border-color:#136b4f}#m360 .nav-logout{margin-left:auto}#m360 .panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 24px}#m360 .panel-heading h2{margin:0}#m360 .panel-heading p{margin:8px 0 0;color:#648072}#m360 .stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}#m360 .stat-card{padding:24px 20px;background:white;border:1px solid #dce8e1;border-radius:16px}#m360 .stat-card span{font-size:13px;color:#567566;display:block}#m360 .stat-card strong{font-size:26px;display:block;margin-top:14px;font-weight:700}#m360 .stat-card:first-child{background:#136b4f;color:white}#m360 .stat-card:first-child span{color:#d0ebdc}#m360 .payment-row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #e5eee8}#m360 .sale-summary{display:grid;width:100%;grid-template-columns:1fr auto;gap:7px;margin:8px 0;text-align:left}#m360 .sale-summary small{grid-column:1/-1;letter-spacing:0;color:#648072}#m360 .helper{font-size:13px;line-height:1.65;color:#648072;margin-top:20px}#m360 .empty{padding:24px;text-align:center;color:#648072;background:white;border-radius:14px}#m360 .table-wrap{overflow:auto;background:white;border:1px solid #dce8e1;border-radius:16px;margin-top:20px}#m360 table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}#m360 th{background:#e9f2eb;white-space:nowrap;color:#4b6a5b;padding:16px}#m360 td{padding:14px 16px;border-bottom:1px solid #e5eee8;vertical-align:middle}#m360 td:first-child img{width:44px;height:44px;object-fit:contain;vertical-align:middle;margin-right:12px}#m360 td button{min-height:38px;font-size:13px;padding:8px 12px;white-space:nowrap}#m360 .pager{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:16px}#m360 .pager span{margin-right:auto;font-size:13px;color:#648072}#m360 .filter-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}#m360 .filter-row>div{flex:1;min-width:150px}#m360 .filter-row label{margin-top:0}#m360 #company-form button,#m360 #manager-form button{margin-top:18px;width:100%}#m360 dialog{border:0;border-radius:20px;padding:26px;color:#19352d;background:#fff;width:min(720px,calc(100vw - 24px));max-height:90vh;overflow:auto;box-shadow:0 24px 90px #14322545}#m360 dialog::backdrop{background:#0c2c24a8}#m360 dialog h2{font-size:22px}#m360 dialog .panel-heading{margin-top:0}#m360 dialog textarea{display:block;width:100%;margin-top:8px;border:1px solid #b6cdc0;border-radius:10px;padding:12px;font:inherit;resize:vertical}#m360 .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}#m360 .check-label{display:flex;align-items:center;gap:12px}#m360 .check-label input{width:20px;height:20px;min-height:20px}#m360 #product-image{max-height:120px;margin:16px 0}#m360 #save-product{width:100%;margin-top:8px}#m360 #product-form-message{color:#a63429;line-height:1.5}#m360 #dash-message{min-height:24px;font-size:14px;color:#24684e}#m360.login-shell{max-width:450px;min-height:0;margin:8vh auto;padding:36px;border:1px solid #d3e2d9;border-radius:22px;background:white}#m360 #m360-login>[type=submit]{width:100%;margin-top:22px}#m360 input:focus,#m360 textarea:focus,#m360 select:focus{outline:2px solid #249c75;outline-offset:2px}#m360 .stat-grid[aria-busy=true]{opacity:.6}@media(max-width:1050px){#m360 .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){body.m360-body #m360{padding:16px}#m360 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#m360 .stat-card{padding:18px 14px}#m360 .stat-card strong{font-size:23px}#m360 .m360-nav button{flex:1 0 29%;font-size:14px;padding:10px}#m360 .nav-logout{margin-left:0}#m360 .panel-heading{align-items:flex-start}#m360 .panel-heading h2{font-size:22px}#m360 .form-grid{grid-template-columns:1fr}#m360 .pager{flex-wrap:wrap}#m360 .pager span{flex:1 0 100%}#m360.login-shell{margin:24px auto;width:calc(100% - 24px)}#m360 dialog{padding:18px}#m360 .filter-row button{flex:1}}