:root{color:#171717;font-synthesis:none;background:#ededed;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:1000px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:#ededed;grid-template:85px minmax(0,1fr)/280px minmax(0,1fr);height:100vh;min-height:100vh;display:grid}.topbar{background:#fff;grid-column:1/-1;align-items:center;gap:15px;padding:0 15px;font-size:40px;font-weight:700;display:flex}.logo{place-items:center;width:70px;height:63px;display:grid}.logo img{object-fit:contain;width:63px;height:63px}.sidebar{background:#831111;border-radius:0 18px 18px 0;flex-direction:column;min-height:0;padding:25px;display:flex}.sidebar nav{flex-direction:column;gap:20px;display:flex}.sidebar button{color:#fff;text-align:left;background:0 0;border:0;padding:5px 0;font-size:22px}.sidebar nav button.active{font-weight:700;text-decoration:underline}.sidebar .logout{margin-top:auto}.content{min-width:0;overflow:auto}.page{min-height:calc(100vh - 85px);padding:15px}.toolbar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.search,.transaction-toolbar input,select{background:#fff;border:1px solid #bbb;border-radius:2px;min-height:40px;padding:8px 12px}.search{flex:1}.button{color:#fff;white-space:nowrap;background:#831111;border:0;border-radius:14px;min-height:40px;padding:8px 18px;font-weight:700}.button-secondary{color:#831111;background:0 0;border:2px solid #831111;border-radius:14px}.button-danger{background:#ad2929}.card{background:#ccc;border-radius:14px}.list{flex-direction:column;gap:10px;display:flex}.employee-row,.menu-row{align-items:center;gap:20px;min-height:70px;padding:14px 18px;display:flex}.employee-row strong,.menu-row strong{font-size:18px}.employee-row code{color:#555;margin-left:auto}.menu-row>div{flex:1}.menu-row p{color:#555;margin:5px 0 0;font-size:14px}.menu-row b{font-size:18px}.dashboard{grid-template-columns:minmax(500px,1fr) 380px;gap:20px;display:grid}.date-heading{margin:0;padding:0 5px 10px;font-size:28px}.chart-placeholder{border-bottom:1px solid #aaa;height:330px;margin-bottom:25px;padding:20px 50px;position:relative}.chart-grid{flex-direction:column;justify-content:space-between;height:240px;display:flex}.chart-grid span{border-top:1px dashed silver;display:block}.chart-bars{justify-content:space-around;align-items:end;height:210px;display:flex;position:absolute;bottom:30px;left:80px;right:80px}.chart-bars i{background:#831111;width:35px}.chart-bars i:first-child{height:45%}.chart-bars i:nth-child(2){height:65%}.chart-bars i:nth-child(3){height:40%}.chart-bars i:nth-child(4){height:80%}.chart-bars i:nth-child(5){height:57%}.chart-bars i:nth-child(6){height:91%}.chart-bars i:nth-child(7){height:72%}.chart-label{color:#666;position:absolute;bottom:0;left:50%}.section-title{font-size:22px}.section-title span{margin-left:5px}.alerts{min-height:150px;padding:15px}.alerts p{margin:0 0 14px;font-size:14px}.alerts strong{text-decoration:underline}.report-panel{flex-direction:column;align-items:center;gap:12px;padding:10px 20px 20px;display:flex}.report-panel h2{margin:0;font-size:22px}.earnings-ring,.stock-ring{background:conic-gradient(#831111 var(--progress), #999 0);border-radius:50%;place-items:center;display:grid}.earnings-ring{width:226px;height:226px}.earnings-ring:before,.stock-ring:before{content:"";background:#ccc;border-radius:50%;position:absolute}.earnings-ring:before{width:212px;height:212px}.earnings-ring div{flex-direction:column;align-items:center;display:flex;position:relative}.earnings-ring strong{font-size:30px}.earnings-ring small{color:#666;font-size:20px}.report-stats{grid-template-columns:1fr 1fr;gap:8px 20px;width:270px;display:grid}.report-stats strong{text-align:right}.positive{color:#236d2b}.inventory-grid{grid-template-columns:repeat(2,minmax(250px,1fr));gap:40px 60px;padding:25px 30px;display:grid}.inventory-card{flex-direction:column;align-items:center;gap:12px;display:flex}.inventory-card h3{margin:0;font-size:24px}.inventory-card p{color:#555;margin:0}.inventory-card .button{width:180px}.stock-ring{width:200px;height:200px;position:relative}.stock-ring:before{width:170px;height:170px}.stock-ring strong{font-size:25px;position:relative}.transaction-toolbar label{align-items:center;gap:6px;display:flex}.transactions{flex-direction:column;gap:24px;display:flex}.day-heading{align-items:center;gap:12px;display:flex}.day-heading h2{margin:0;font-size:20px}.day-heading input{margin-left:8px}.transaction-card{padding:14px 18px}.transaction-row{border-bottom:1px solid #aaa;grid-template-columns:1fr 1fr 1fr 1fr;padding:12px 0;display:grid}.transaction-row:last-child{border-bottom:0}.transaction-row strong{text-align:right}.transactions a{color:#831111;font-weight:700;text-decoration:none}.modal-backdrop{background:#0008;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;width:min(420px,90vw);padding:25px;position:relative}.modal h2{margin-top:0}.modal-close{background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:15px}.modal-content{flex-direction:column;gap:10px;display:flex}.modal-message{margin:0;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-input{border:1px solid #aaa;border-radius:14px;flex:1;padding:10px}@media (width<=1100px){.dashboard{grid-template-columns:1fr 320px}.inventory-grid{gap:20px}}