.rd-app{--nav:#111225;--purple:#6246ff;--lime:#c8f868;color:#151627;background:#f5f5fa;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.rd-app button,.rd-app select{font:inherit}.rd-side{background:var(--nav);color:#c9cad8;z-index:20;flex-direction:column;width:245px;padding:25px 16px;display:flex;position:fixed;inset:0 auto 0 0}.rd-logo{color:#fff;align-items:center;gap:11px;padding:0 8px;display:flex}.rd-logo>i{background:var(--lime);width:38px;height:38px;color:var(--nav);border-radius:12px;place-items:center;font-size:12px;font-style:normal;font-weight:900;display:grid}.rd-logo span{font-size:14px;font-weight:800}.rd-logo small{color:#85869a;margin-top:3px;font-size:9px;display:block}.rd-side nav{flex-direction:column;gap:6px;margin-top:44px;display:flex}.rd-side nav>*{border-radius:10px;align-items:center;gap:11px;min-height:43px;padding:0 12px;font-size:12px;display:flex}.rd-side nav svg{width:17px}.rd-side nav b{color:#fff;background:#262342}.rd-side nav em{background:var(--purple);color:#fff;border-radius:20px;margin-left:auto;padding:3px 7px;font-size:9px;font-style:normal}.rd-store{background:#1b1c31;border:1px solid #2c2d44;border-radius:13px;align-items:center;gap:9px;margin-top:auto;padding:11px;display:flex}.rd-store>i{width:32px;height:32px;color:var(--purple);background:#edeaff;border-radius:9px;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid}.rd-store span{flex-direction:column;gap:2px;font-size:10px;display:flex}.rd-store small{color:#818296}.rd-store>svg{width:15px;margin-left:auto}.rd-main{width:calc(100% - 245px);margin-left:245px}.rd-header{z-index:10;background:#fff;border-bottom:1px solid #e1e2ea;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.rd-header>div,.rd-head-actions{align-items:center;gap:12px;display:flex}.rd-header a{color:#777889;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.rd-header a svg{width:14px}.rd-header>div>span{color:var(--purple);text-transform:uppercase;letter-spacing:.08em;background:#f0edff;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:900}.rd-head-actions button{border-radius:11px;align-items:center;gap:7px;height:40px;padding:0 13px;font-size:11px;font-weight:800;display:flex}.rd-head-actions svg{width:15px}.sound{color:#656678;background:#fff;border:1px solid #dddde7}.sound.on{color:#179653;background:#f2fff7;border-color:#bceace}.simulate{background:var(--purple);color:#fff;border:0;box-shadow:0 10px 25px #6246ff35}.rd-mobile{display:none}.rd-content{max-width:1600px;margin:auto;padding:34px}.rd-title{justify-content:space-between;align-items:flex-end;display:flex}.rd-title>div>span{color:#88899b;letter-spacing:.14em;font-size:9px;font-weight:900}.rd-title h1{letter-spacing:-.04em;margin:8px 0 5px;font-size:30px}.rd-title p{color:#7b7c8d;margin:0;font-size:13px}.open-badge{color:#18894c;background:#ebfff3;border:1px solid #c6f1d6;border-radius:20px;padding:8px 12px;font-size:10px}.rd-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:27px 0;display:grid}.rd-stats article{background:#fff;border:1px solid #e0e1e9;border-radius:16px;flex-direction:column;gap:7px;padding:19px;display:flex}.rd-stats span{color:#747586;font-size:10px}.rd-stats strong{font-size:23px}.rd-stats small{color:#29965b;font-size:9px}.rd-stats .commission-stat{background:var(--nav);color:#fff;border-color:var(--nav)}.commission-stat span{color:#c4c5d2}.commission-stat strong{color:var(--lime)}.commission-stat small{color:#c4c5d2}.rd-workspace{grid-template-columns:1fr 350px;align-items:start;gap:14px;display:grid}.rd-list,.rd-detail{background:#fff;border:1px solid #e0e1e9;border-radius:17px;overflow:hidden}.rd-list-head{border-bottom:1px solid #e7e7ee;justify-content:space-between;align-items:center;min-height:92px;padding:20px;display:flex}.rd-list-head h2{margin:0 0 4px;font-size:18px}.rd-list-head>div>span{color:#8b8c9b;font-size:10px}.tabs{gap:8px;font-size:10px;display:flex}.tabs>*{border-radius:8px;padding:7px 10px}.tabs b{color:var(--purple);background:#eeeaff}.rd-order{text-align:left;color:#191a2a;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #ededf2;grid-template-columns:80px 1fr 85px 75px 18px;align-items:center;gap:10px;width:100%;min-height:74px;padding:11px 17px;display:grid}.rd-order:hover,.rd-order.selected{background:#f7f6ff}.rd-order.selected{box-shadow:inset 3px 0 var(--purple)}.rd-order-time,.rd-order-person{flex-direction:column;gap:5px;display:flex}.rd-order small{color:#8a8b9b;font-size:9px}.rd-order-person b{font-size:12px}.rd-order>strong{text-align:right;font-size:11px}.rd-order>svg{color:#aaa;width:15px}.status{text-transform:capitalize;color:var(--purple);background:#eeeaff;border-radius:20px;justify-self:start;padding:5px 8px;font-size:8px;font-weight:800}.rd-order.klaar .status{color:#997000;background:#fff5d8}.rd-order.onderweg .status{color:#1876a8;background:#e7f6ff}.rd-order.afgerond .status{color:#16854a;background:#e7faef}.rd-order.geweigerd .status{color:#bd4343;background:#fff0f0}.rd-detail{padding:23px;position:sticky;top:86px}.detail-top{justify-content:space-between;display:flex}.detail-top>span:first-child{flex-direction:column;gap:4px;display:flex}.detail-top small{color:#9394a2;font-size:8px}.detail-top b{font-size:16px}.detail-status{color:var(--purple);text-transform:uppercase;background:#eeeaff;border-radius:20px;padding:6px 8px;font-size:8px;font-weight:900}.rd-detail h3{margin:25px 0 4px;font-size:18px}.rd-detail>p{color:#7d7e8f;margin:0;font-size:10px}.items{border-block:1px solid #e4e5ec;margin:22px 0;padding:11px 0}.items>span{justify-content:space-between;padding:8px 0;font-size:11px;display:flex}.items small{color:#8d8e9c}.detail-total{justify-content:space-between;margin-bottom:23px;font-size:12px;display:flex}.detail-total strong{font-size:17px}.rd-detail label{color:#777889;flex-direction:column;gap:7px;font-size:10px;display:flex}.rd-detail select{color:#191a2a;background:#fff;border:1px solid #dcdde6;border-radius:9px;height:42px;padding:0 10px}.decision{grid-template-columns:.65fr 1.35fr;gap:8px;margin-top:15px;display:grid}.decision button,.next{border-radius:10px;height:45px;font-size:11px;font-weight:800}.decision button:first-child{color:#a13b44;background:#fff;border:1px solid #e0aeb2}.decision button:last-child,.next{background:var(--purple);color:#fff;border:0;justify-content:center;align-items:center;gap:7px;display:flex}.decision svg,.next svg{width:15px}.next{width:100%}.done,.rejected{border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:14px;font-size:11px;font-weight:800;display:flex}.done{color:#16854a;background:#e7faef}.done svg{width:15px}.rejected{color:#bd4343;background:#fff0f0}@media (max-width:1050px){.rd-stats{grid-template-columns:1fr 1fr}.rd-workspace{grid-template-columns:1fr 310px}.rd-order{grid-template-columns:65px 1fr 72px 55px 15px}}@media (max-width:780px){.rd-side{transition:all .2s;transform:translate(-105%);box-shadow:20px 0 50px #11122544}.rd-side.open{transform:none}.rd-main{width:100%;margin:0}.rd-header{height:65px;padding:0 13px}.rd-mobile{background:#fff;border:1px solid #dddde7;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.rd-mobile svg{width:18px}.rd-header>div:first-of-type>a,.rd-header>div:first-of-type>span{display:none}.rd-head-actions button{height:38px;padding:0 10px}.sound span{display:none}.rd-content{padding:22px 13px}.rd-title{flex-direction:column;align-items:flex-start;gap:15px}.rd-title h1{font-size:25px}.rd-stats{grid-template-columns:1fr 1fr;gap:8px}.rd-stats article{padding:15px}.rd-stats strong{font-size:19px}.rd-workspace{grid-template-columns:1fr}.rd-list{overflow:hidden}.rd-list-head{padding:16px}.rd-order{grid-template-columns:52px 1fr 65px 15px;padding:10px 12px}.rd-order .status{display:none}.rd-order>strong{text-align:right}.rd-detail{position:static}.simulate{font-size:0!important}.simulate svg{width:17px}.simulate:after{content:"Nieuwe order";font-size:10px}.rd-header .sound{justify-content:center;width:38px}.open-badge{font-size:9px}}