:root{font-family:Inter,system-ui,sans-serif;color:#27231f;background:#f5f2ed}*{box-sizing:border-box}body{margin:0}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#241d18;color:#fff;padding:24px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}nav{display:grid;gap:8px;margin-top:28px}nav button{background:transparent;color:#ddd;border:0;text-align:left;padding:12px;border-radius:8px;font-size:15px}.active,nav button:hover{background:#c85b24!important;color:#fff!important}.logout{margin-top:auto;background:#51463f}main{padding:32px;max-width:1280px;width:100%;margin:auto}h1{font-size:30px}h2{margin-top:24px}label{display:grid;gap:6px}input,select,textarea,button{font:inherit;padding:10px 12px;border:1px solid #cfc7be;border-radius:7px}input,select,textarea{background:#fff;color:#27231f}button{cursor:pointer;background:#c85b24;color:#fff;border:0}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#63564d}.danger{background:#a23d32}.inline,.filter-bar,.line-row,.editor-actions,.actions{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap;align-items:end}.form-grid,.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.wide{grid-column:1/-1}.manual-order,.order-editor{background:#fff;padding:18px;border-radius:12px;box-shadow:0 2px 12px #40281112;margin-bottom:20px}.line-editor{margin-top:14px;padding-top:8px;border-top:1px solid #eee}.line-editor h5{font-size:15px;margin:6px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.cards article,.metrics article,.settings article{background:#fff;padding:18px;border-radius:12px;box-shadow:0 2px 12px #40281112}.order-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-heading h2,.order-heading h3{margin:0}.badge{padding:5px 9px;border-radius:999px;background:#e8e1da;font-size:12px;font-weight:700}.badge.confirmed{background:#e8f1ff;color:#245087}.badge.preparing{background:#fff0d7;color:#8a5512}.badge.ready{background:#e3f5e7;color:#236c35}.badge.delivered{background:#e7e7e7;color:#4b4b4b}.badge.cancelled{background:#fde6e4;color:#92352d}.compact-lines{padding-left:20px;color:#63564d}.table-wrap{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px #40281112}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee;vertical-align:middle}tfoot th{border-top:2px solid #ddd}.history-table tbody tr:hover{background:#faf7f3}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics b{font-size:28px;display:block}.metrics span,.detail-grid span,.notes-box span{color:#776e68;font-size:13px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings label{margin:10px 0}.settings textarea{width:100%;min-height:90px}.login{grid-column:1/-1;display:grid;place-items:center;min-height:100vh}.login form{background:#fff;padding:32px;border-radius:14px;width:min(380px,90%);display:grid;gap:14px;box-shadow:0 8px 30px #40281122}.error{color:#a22}.empty-state,.loading-screen{text-align:center;color:#776e68;padding:30px}.detail-overlay{position:fixed;inset:0;background:#201812aa;display:grid;place-items:center;padding:20px;z-index:20}.order-detail{background:#f9f7f3;border-radius:16px;padding:24px;width:min(900px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0005}.detail-grid{margin:20px 0}.detail-grid div{display:grid;gap:4px;background:#fff;padding:12px;border-radius:8px}.notes-box{background:#fff8e8;padding:12px;border-radius:8px;margin-bottom:16px}.notes-box p{margin:5px 0 0}@media(max-width:800px){.app{grid-template-columns:1fr}aside{height:auto;position:static;padding:12px}.logout{margin-top:10px}aside h2{margin:4px}nav{display:flex;overflow:auto;margin-top:10px}nav button{white-space:nowrap}main,.login{grid-column:1;padding:16px}.metrics,.settings{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.line-row{align-items:stretch}.line-row label{flex:1 1 180px}}@media(max-width:500px){.metrics,.settings{grid-template-columns:1fr}.detail-overlay{padding:0}.order-detail{height:100vh;max-height:none;border-radius:0}.editor-actions button,.filter-bar button{width:100%}}