*{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;flex-direction:column;gap:7px;font-size:12px;display:flex;position:absolute;bottom:25px}.sidebottom strong{color:#eee;overflow-wrap:anywhere}.sidebottom span{color:#d6ad50}.logout-button{text-align:center;border:1px solid #66522d;margin:4px 0 0;padding:9px 12px}.auth-loading{color:#d6ad50;background:#111;place-items:center;min-height:100vh;display:grid}.auth-page{background:radial-gradient(at 16% 12%,#c39b4229,#0000 35%),radial-gradient(at 88% 90%,#784a2329,#0000 38%),#111;place-items:center;width:100%;min-height:100vh;padding:32px 18px;display:grid}.auth-card{background:#171615;border:1px solid #634e28;border-radius:22px;grid-template-columns:.9fr 1.1fr;width:min(940px,100%);min-height:570px;display:grid;overflow:hidden;box-shadow:0 28px 90px #0000007a}.auth-brand{background:linear-gradient(145deg,#14110cb8,#14110cf5),radial-gradient(circle at 30% 20%,#8f7136,#221b11 66%);border-right:1px solid #493a20;flex-direction:column;justify-content:center;padding:52px;display:flex}.auth-icon{color:#e4bf67;border:1px solid #c39b42;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:34px;font-size:27px;display:grid}.auth-eyebrow{color:#d6ad50;letter-spacing:3px;font-size:11px;font-weight:700}.auth-brand h1{color:#f7edd6;letter-spacing:-.5px;margin:18px 0;font-family:Georgia,serif;font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1.12}.auth-intro{color:#c1b9a8;max-width:290px;font-size:14px;line-height:1.7}.auth-form-wrap{align-self:center;padding:48px clamp(28px,6vw,68px)}.role-switch{background:#111;border:1px solid #38322a;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:30px;padding:5px;display:grid}.role-switch button{color:#aaa;background:0 0;margin:0;padding:10px}.role-switch button.selected{color:#17130b;background:#c39b42;font-weight:700}.auth-form-wrap h2{color:#f4ead5;margin:0 0 8px;font-size:25px}.auth-subtitle{color:#aaa;margin-bottom:24px;font-size:13px}.auth-form{flex-direction:column;gap:17px;display:flex}.auth-form label{color:#ded6c8;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.auth-form input{background:#111;border-color:#494237;width:100%;min-width:0;padding:13px 14px}.auth-form input:focus{border-color:#c39b42;box-shadow:0 0 0 3px #c39b421f}.auth-form small{color:#999;font-size:11px;font-weight:400}.auth-submit{color:#16120a;background:linear-gradient(120deg,#d7b85e,#b88d32);width:100%;margin:4px 0 0;padding:14px;font-weight:700}.auth-error{color:#ffb4a9;background:#88312729;border:1px solid #713a32;border-radius:7px;padding:11px 12px;font-size:12px;line-height:1.5}.auth-success{color:#c4e7b6;background:#39652b2e;border:1px solid #49683f;border-radius:7px;margin-bottom:18px;padding:11px 12px;font-size:12px;line-height:1.5}.security-panel{max-width:640px}.security-panel h1{margin-bottom:10px}.security-panel>.muted{max-width:540px;line-height:1.6}.security-form{background:#1a1917;border:1px solid #493a20;border-radius:12px;max-width:480px;margin-top:24px;padding:24px}.auth-toggle,.auth-note{color:#999;text-align:center;margin-top:21px;font-size:12px}.auth-toggle button{color:#e2bd62;font-size:inherit;background:0 0;margin:0 0 0 5px;padding:3px}.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){.auth-card{grid-template-columns:1fr;max-width:500px}.auth-brand{border-bottom:1px solid #493a20;border-right:0;padding:30px}.auth-brand h1{font-size:36px}.auth-icon{width:42px;height:42px;margin-bottom:18px}.auth-form-wrap{padding:30px}.sidebar{width:100%;height:auto;position:relative}.sidebar button{width:45%;display:inline-block}.sidebottom{align-items:flex-start;margin-top:16px;position:static}.app{display:block}.main{width:100%;margin:0;padding:18px}.stats{grid-template-columns:1fr}.form{flex-direction:column}input,select{width:100%}}