*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{color:#eee;background:#111}button{cursor:pointer;color:#fff;background:#292929;border:none;border-radius:6px;margin:4px;padding:11px 17px}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}.app{min-height:100vh;display:flex}.sidebar{background:#090909;border-right:1px solid #b38b35;width:230px;height:100vh;padding:30px 18px;position:fixed}.sidebar h2{color:#d6ad50;text-align:center;font-size:25px}.sub{text-align:center;color:#aaa;letter-spacing:3px;margin:8px 0 40px;font-size:11px}.sidebar button{text-align:left;background:0 0;width:100%;margin:8px 0;padding:15px;font-size:15px}.sidebar button.active,.sidebar button:hover{color:#111;background:#c39b42}.sidebottom{color:#999;font-size:12px;position:absolute;bottom:25px}.main{width:calc(100% - 230px);margin-left:230px;padding:30px}header{border-bottom:1px solid #444;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:25px;display:flex}header h2{color:#d6ad50}header span{color:#d6ad50;border:1px solid #d6ad50;border-radius:20px;padding:8px 15px;font-size:12px}.main h1{color:#d6ad50;margin:20px 0}.main h2{margin:25px 0 15px}.muted{color:#aaa}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;display:grid}.stats div{background:#202020;border:1px solid #8f7136;border-radius:12px;padding:25px}.stats h3{color:#aaa;font-size:15px}.stats h1{font-size:30px}.form{background:#202020;border-radius:10px;flex-wrap:wrap;gap:12px;margin:20px 0;padding:22px;display:flex}input,select{color:#fff;background:#111;border:1px solid #80672f;border-radius:6px;outline:none;min-width:150px;padding:13px}.form input,.form select{flex:1}.gold{color:#111;background:#c39b42;font-weight:700}.danger{background:#a73737}.cakegrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;margin:20px 0;display:grid}.cakecard{text-align:center;background:#202020;border:1px solid #8f7136;border-radius:12px;padding:20px}.cakecard h2{font-size:35px}.cakecard h3{color:#d6ad50;margin:12px 0}.cakecard p{color:#aaa;margin:8px}.tablewrap{background:#202020;border-radius:10px;margin:20px 0;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:550px}th,td{text-align:center;border-bottom:1px solid #444;padding:15px}th{color:#d6ad50;background:#302719}.qty{width:75px;min-width:60px}.totalbox{text-align:right;background:#202020;border:1px solid #8f7136;border-radius:10px;margin:20px 0;padding:25px}.totalbox p{margin:15px}.totalbox h2{color:#d6ad50}@media (width<=750px){.sidebar{width:100%;height:auto;position:relative}.sidebar button{width:45%;display:inline-block}.sidebottom{display:none}.app{display:block}.main{width:100%;margin:0;padding:18px}.stats{grid-template-columns:1fr}.form{flex-direction:column}input,select{width:100%}}