:root{--bg:#f2f2f0;--card:#fff;--ink:#171717;--muted:#737373;--line:#dededb;--red:#d9232e;--red-dark:#ad1720;--green:#25865d;--amber:#aa6b10;--shadow:0 14px 45px rgba(0,0,0,.1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#171717;color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--red);font-size:25px;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{color:#999;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{border:0;background:transparent;color:#aaa;text-align:left;padding:13px 14px;border-radius:9px;font:inherit;font-weight:650;cursor:pointer}.sidebar nav button span{display:inline-block;width:28px}.sidebar nav button:hover,.sidebar nav button.active{background:#2b2b2b;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--red)}.sidebar-foot{margin-top:auto;color:#aaa;padding:12px;font-size:12px}.sidebar-foot small{display:block;margin-top:4px;color:#666}.online-dot{display:inline-block;width:8px;height:8px;background:#39b67a;border-radius:50%;margin-right:7px}main{margin-left:250px;min-height:100vh;padding:0 34px 48px}.topbar{height:104px;display:flex;align-items:center;gap:14px}.topbar>div{margin-right:auto}.topbar h1{margin:0;font-size:25px}.topbar p{margin:0;color:var(--red);font-size:10px;letter-spacing:.17em;font-weight:800}.icon-button{border:0;background:transparent;font-size:26px;cursor:pointer;padding:6px}.topbar>#menu-button{display:none}.primary,.secondary,.text-button{font:inherit;font-weight:750;border-radius:8px;cursor:pointer}.primary{border:1px solid var(--red);background:var(--red);color:#fff;padding:11px 16px}.primary:hover{background:var(--red-dark)}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 15px}.text-button{border:0;background:none;color:var(--red)}.view{display:none}.view.active{display:block}.hero{background:linear-gradient(115deg,#181818,#292929);color:#fff;border-radius:18px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;min-height:175px;box-shadow:var(--shadow)}.hero h2{font-size:30px;margin:12px 0 5px}.hero p{margin:0;color:#bbb}.pill{font-size:10px;letter-spacing:.16em;font-weight:900;color:#ff6b73}.hero-date{text-align:right;font-size:14px;color:#aaa}.hero-date strong{display:block;color:#fff;font-size:42px;line-height:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px}.stat p{margin:0;color:var(--muted);font-size:12px}.stat strong{font-size:27px;display:block;margin-top:5px}.stat small{color:var(--muted)}.grid-two{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.panel{background:var(--card);border:1px solid var(--line);border-radius:13px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 22px;border-bottom:1px solid var(--line)}.panel h3{margin:2px 0 0}.overline{color:var(--red);font-size:9px;letter-spacing:.16em;font-weight:900;margin:0}.order-card{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:15px;padding:16px 22px;border-bottom:1px solid #ececea;cursor:pointer}.order-card:last-child{border:0}.order-card:hover{background:#fafafa}.date-tile{text-align:center;border-right:1px solid var(--line)}.date-tile b{display:block;font-size:25px}.date-tile span{font-size:10px;color:var(--red);font-weight:900}.order-card h4{margin:0 0 3px}.order-card p{margin:0;color:var(--muted);font-size:12px}.status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850;background:#eee;color:#555}.status.Bestätigt,.status.Produktion{background:#e5f4ed;color:var(--green)}.status.Anfrage,.status.Angebot{background:#fff0db;color:var(--amber)}.task{padding:18px 22px;border-bottom:1px solid #ececea}.task:last-child{border:0}.task b{display:block}.task span{font-size:12px;color:var(--muted)}.section-actions{display:flex;gap:10px;margin-bottom:16px}.section-actions .search{flex:1}.search{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 12px}.search input{width:100%;border:0;outline:0;padding:12px;font:inherit}.section-actions select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 12px}.table-panel{overflow:hidden}.order-table-row{display:grid;grid-template-columns:1.3fr .9fr .8fr .55fr .65fr 90px;gap:14px;align-items:center;padding:15px 20px;border-bottom:1px solid #ececea}.order-table-row.header{background:#f8f8f7;font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.08em}.order-table-row:not(.header):hover{background:#fafafa}.order-table-row strong,.order-table-row small{display:block}.order-table-row small{color:var(--muted)}.row-actions{display:flex;gap:5px}.row-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;padding:6px 8px}.empty-panel{text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:80px 20px}.empty-panel p{max-width:570px;margin:8px auto 20px;color:var(--muted)}.empty-icon{font-size:35px;color:var(--red)}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.35);width:min(940px,calc(100% - 28px));max-height:92vh;color:var(--ink)}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(3px)}#order-form{display:flex;flex-direction:column;max-height:92vh}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:2px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);background:#f5f5f3;border-bottom:1px solid var(--line)}.steps button{border:0;background:none;padding:14px;color:#999;font:inherit;font-weight:700}.steps b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ddd;margin-right:7px}.steps button.active{color:var(--ink);box-shadow:inset 0 -3px var(--red)}.steps button.active b{background:var(--red);color:#fff}.form-step{display:none;overflow-y:auto;padding:27px 32px;min-height:430px}.form-step.active{display:block}.form-title{display:flex;gap:14px;margin-bottom:24px}.form-title>span{font-size:27px;color:var(--red);font-weight:900}.form-title h3,.form-title p{margin:0}.form-title p{color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.form-grid label{font-size:12px;font-weight:800}.form-grid .wide{grid-column:1/-1}input,select,textarea{color:var(--ink)}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #d5d5d1;border-radius:8px;padding:11px 12px;background:#fff;font:inherit;font-weight:400}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid rgba(217,35,46,.18);border-color:var(--red)}.dialog-foot{display:flex;justify-content:space-between;gap:10px;padding:16px 26px;border-top:1px solid var(--line);background:#fafafa}.hidden{display:none!important}#detail-dialog{width:min(760px,calc(100% - 28px))}.detail-wrap{padding:27px}.detail-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:19px}.detail-top h2{margin:5px 0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0}.detail-item small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.detail-block{background:#f5f5f3;padding:16px;border-radius:9px;margin-top:10px;white-space:pre-wrap}.detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}#toast{position:fixed;right:25px;bottom:25px;background:#171717;color:#fff;border-left:4px solid var(--red);padding:13px 18px;border-radius:8px;transform:translateY(80px);opacity:0;transition:.25s;z-index:100}#toast.show{transform:none;opacity:1}.backdrop{display:none}.no-data{padding:35px;text-align:center;color:var(--muted)}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.order-table-row{grid-template-columns:1.4fr .8fr .6fr .7fr 90px}.order-table-row>*:nth-child(3){display:none}}@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.25s;width:260px}.sidebar.open{transform:none}.backdrop.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:15}main{margin-left:0;padding:0 14px 30px}.topbar{height:84px}.topbar>#menu-button{display:block}.topbar .primary{font-size:0;padding:10px}.topbar .primary:first-letter{font-size:20px}.hero{padding:25px 22px;min-height:155px}.hero-date{display:none}.hero h2{font-size:25px}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:22px}.section-actions{flex-wrap:wrap}.section-actions .search{flex-basis:100%}.section-actions select{flex:1}.order-table-row{grid-template-columns:1fr auto 70px;padding:14px}.order-table-row.header{display:none}.order-table-row>*:nth-child(2),.order-table-row>*:nth-child(3),.order-table-row>*:nth-child(4){display:none}.order-card{grid-template-columns:55px 1fr}.order-card>.status{display:none}.steps span{display:none}.steps b{margin:0}.form-step{padding:22px 18px;min-height:390px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dialog-head,.dialog-foot{padding:15px 18px}.detail-grid{grid-template-columns:repeat(2,1fr)}}
/* v0.3 authentication and sync */
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 15%,#3c1115 0,transparent 32%),#101010;color:#fff}.auth-card{width:min(440px,100%);padding:36px;border:1px solid #353535;border-radius:24px;background:#191919;box-shadow:0 30px 80px #0008}.auth-brand{margin-bottom:34px}.auth-card h1{margin:5px 0 8px;font-size:34px}.auth-card>p:not(.overline):not(.form-error){color:#aaa;margin:0 0 24px}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:7px;font-size:13px;color:#bbb}.auth-form input{width:100%;box-sizing:border-box;background:#101010;color:#fff;border:1px solid #3c3c3c;border-radius:10px;padding:13px 14px;font:inherit}.auth-form input:focus{outline:2px solid #b8232d;border-color:transparent}.auth-form button{margin-top:6px;justify-content:center}.form-error{min-height:20px;color:#ff7c84;font-size:13px}.logout-button{display:block;margin-top:12px;padding:0;border:0;background:none;color:#999;text-align:left;cursor:pointer}.logout-button:hover{color:#fff}.online-dot.offline{background:#d48820;box-shadow:0 0 0 4px #d4882022}.online-dot.error{background:#c5373f;box-shadow:0 0 0 4px #c5373f22}