.ot-page{background:var(--vr-color-surface-page);grid-template-columns:215px 1fr;min-height:100vh;display:grid}.ot-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.ot-sidebar>.brand{padding:0 8px 20px}.ot-sidebar>.brand em{color:var(--muted);font-style:normal;font:var(--vr-font-caption);font-variant-numeric:inherit;letter-spacing:normal;margin-left:5px}.ot-sidebar>p{color:var(--vr-color-text-secondary);text-transform:uppercase;font:var(--vr-font-caption);font-variant-numeric:inherit;letter-spacing:normal;margin:14px 10px 5px}.ot-sidebar>a:not(.brand){color:var(--vr-color-text-secondary);font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.ot-sidebar>a.active{background:var(--vr-color-action-soft);color:var(--green)}.ot-sidebar>a i{text-align:center;width:15px;font-style:normal}.ot-sidebar>a b{color:#8f4e46;width:18px;height:18px;font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:#f0e8e5;border-radius:50%;place-items:center;display:grid}.ot-owner{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:auto;padding:10px;display:grid}.ot-owner>span{width:32px;height:32px;color:var(--green);font:var(--vr-font-caption);font-variant-numeric:inherit;letter-spacing:normal;background:#e3eee7;border-radius:50%;place-items:center;display:grid}.ot-owner b,.ot-owner small{display:block}.ot-owner b{font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal}.ot-owner small{font:var(--vr-font-body-sm);font-variant-numeric:inherit;letter-spacing:normal;color:var(--muted);margin-top:2px}.ot-workspace{min-width:0}.ot-topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.ot-topbar>button{border:1px solid var(--line);width:240px;color:var(--muted);text-align:left;font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:#f7f9f7;border-radius:8px;gap:8px;padding:9px 11px;display:flex}.ot-topbar>div{gap:6px;display:flex}.ot-topbar>div button{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:relative}.ot-topbar>div i{color:#fff;background:#985047;border-radius:50%;place-items:center;width:14px;height:14px;font-size:12px;font-style:normal;display:grid;position:absolute;top:-2px;right:-2px}.ot-content{width:min(1180px,100% - 48px);margin:auto;padding:30px 0 70px}.ot-title{justify-content:space-between;align-items:end;display:flex}.ot-title p{color:var(--green);text-transform:uppercase;font:var(--vr-font-caption);font-variant-numeric:inherit;letter-spacing:normal;margin:0 0 5px}.ot-title h1{max-width:none;font:var(--vr-font-h1);font-variant-numeric:inherit;letter-spacing:normal;margin:0}.ot-title small{color:var(--muted);font:var(--vr-font-body-sm);font-variant-numeric:inherit;letter-spacing:normal;margin-top:5px;display:block}.ot-title>button{color:var(--green);font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:#fff;border:1px solid #b8c7bf;border-radius:8px;padding:9px 11px}.ot-metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;display:grid}.ot-metrics button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;padding:13px}.ot-metrics button.selected{background:#f1f7f3;border-color:#94bba5}.ot-metrics span,.ot-metrics b,.ot-metrics em{display:block}.ot-metrics span{color:var(--muted);font:var(--vr-font-body-sm);font-variant-numeric:inherit;letter-spacing:normal}.ot-metrics b{font:var(--vr-font-h3);font-variant-numeric:inherit;letter-spacing:normal;margin-top:4px}.ot-metrics em{color:#8a6840;font-style:normal;font:var(--vr-font-body-sm);font-variant-numeric:inherit;letter-spacing:normal;margin-top:3px}.ot-tools{align-items:center;gap:8px;margin:18px 0 9px;display:flex}.ot-tabs{border:1px solid var(--line);background:#fff;border-radius:9px;gap:3px;padding:3px;display:flex}.ot-tabs button{color:var(--muted);font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:0 0;border:0;border-radius:6px;padding:7px 9px}.ot-tabs button.active{background:var(--vr-color-action-soft);color:var(--green);font-weight:var(--vr-font-weight-bold)}.ot-tools>label{border:1px solid var(--line);width:220px;height:34px;color:var(--muted);font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:#fff;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:0 9px;display:flex}.ot-tools input{min-width:0;font:var(--vr-font-body);font-variant-numeric:inherit;letter-spacing:normal;border:0;outline:0}.ot-tools>button{border:1px solid var(--line);height:34px;color:var(--muted);font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:#fff;border-radius:8px;padding:0 10px}.ot-bulk{background:var(--green-dark);color:#fff;border-radius:9px;align-items:center;gap:7px;margin-bottom:8px;padding:9px 11px;display:flex}.ot-bulk b,.ot-bulk button{font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal}.ot-bulk button{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:6px 8px}.ot-bulk i{flex:1}.ot-table{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.ot-row{border-top:1px solid var(--vr-color-border-default);grid-template-columns:30px 1.05fr 1.35fr 1.2fr .85fr .65fr 1.15fr 55px;align-items:center;gap:9px;padding:10px 9px;display:grid}.ot-row.ot-head{color:var(--muted);text-transform:uppercase;font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:#f7f9f7;border-top:0}.ot-row>label{cursor:pointer}.ot-row>label input{opacity:0;position:absolute}.ot-row>label i{color:#0000;border:1px solid #ccd4cf;border-radius:5px;place-items:center;width:18px;height:18px;font-size:12px;font-style:normal;display:grid}.ot-row>label input:checked+i{border-color:var(--green);background:var(--green);color:#fff}.ot-order>span{font:var(--vr-font-body-sm);font-variant-numeric:inherit;letter-spacing:normal;border-radius:12px;padding:4px 6px;display:inline-flex}.ot-order>span.urgent{color:#945047;background:#f6e7e3}.ot-order>span.waiting{color:#737345;background:#f3f1df}.ot-order>span.confirmed,.ot-order>span.active,.ot-order>span.complete{color:var(--green);background:#e7f2eb}.ot-order b,.ot-order small{display:block}.ot-order b{font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;margin-top:4px}.ot-order small{color:var(--muted);font:var(--vr-font-body-sm);font-variant-numeric:inherit;letter-spacing:normal;margin-top:2px}.ot-item,.ot-client{grid-template-columns:auto 1fr;align-items:center;gap:7px;display:grid}.ot-item>span{width:39px;height:39px;color:var(--green);font:20px var(--vr-font-sans);background:#dfece4;border-radius:8px;place-items:center;display:grid}.ot-client>span{width:30px;height:30px;color:var(--green);font:var(--vr-font-body-sm);font-variant-numeric:inherit;letter-spacing:normal;background:#e6eee9;border-radius:50%;place-items:center;display:grid}.ot-item p,.ot-client p{margin:0}.ot-item b,.ot-item small,.ot-client b,.ot-client small,.ot-period b,.ot-period small,.ot-next b,.ot-next small{display:block}.ot-item b,.ot-client b,.ot-period b,.ot-next b{font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal}.ot-item small,.ot-client small,.ot-period small,.ot-next small{font:var(--vr-font-body-sm);font-variant-numeric:inherit;letter-spacing:normal;color:var(--muted);margin-top:3px}.ot-row>strong{font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal}.ot-row>a{color:var(--green);font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;text-decoration:underline}.ot-empty{text-align:center;padding:50px}.ot-empty>span{font:var(--vr-font-h2);font-variant-numeric:inherit;letter-spacing:normal}.ot-empty h2{font:var(--vr-font-h3);font-variant-numeric:inherit;letter-spacing:normal;margin-top:8px}.ot-empty p{color:var(--muted);font:var(--vr-font-body-sm);font-variant-numeric:inherit;letter-spacing:normal}.ot-footer{color:var(--muted);font:var(--vr-font-body-sm);font-variant-numeric:inherit;letter-spacing:normal;justify-content:space-between;align-items:center;padding:10px 3px;display:flex}.ot-footer>div{align-items:center;gap:5px;display:flex}.ot-footer button,.ot-footer b{border:1px solid var(--line);width:27px;height:27px;font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:#fff;border-radius:6px;place-items:center;display:grid}.ot-footer b{background:var(--green);color:#fff}.ot-mobile-nav{display:none}@media (max-width:900px){.ot-page{display:block}.ot-sidebar{display:none}.ot-topbar{height:60px;padding:0 14px}.ot-topbar>button{width:auto;font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:0 0;border:0}.ot-topbar>button span{display:none}.ot-content{width:min(100% - 28px,1180px);padding:24px 0 90px}.ot-title h1{font:var(--vr-font-h1);font-variant-numeric:inherit;letter-spacing:normal}.ot-metrics{display:flex;overflow-x:auto}.ot-metrics button{min-width:145px}.ot-tools{flex-wrap:wrap}.ot-tabs{width:100%;overflow-x:auto}.ot-tabs button{white-space:nowrap}.ot-tools>label{flex:1;margin-left:0}.ot-table{background:0 0;border:0}.ot-row.ot-head{display:none}.ot-row:not(.ot-head){border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto 1fr;margin-bottom:8px;padding:12px;display:grid;position:relative}.ot-row>label{align-self:start}.ot-order,.ot-item,.ot-client,.ot-period,.ot-next,.ot-row>strong{grid-column:2}.ot-item{margin-top:5px}.ot-client,.ot-period,.ot-next{border-top:1px solid var(--vr-color-border-default);padding-top:7px}.ot-row>a{background:var(--green);color:#fff;border-radius:7px;grid-column:2;justify-self:start;padding:8px 10px;text-decoration:none}.ot-mobile-nav{z-index:30;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.ot-mobile-nav a,.ot-mobile-nav button{color:var(--muted);font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.ot-mobile-nav i{font-size:14px;font-style:normal}.ot-mobile-nav .active{color:var(--green)}.ot-mobile-nav b{color:#fff;width:13px;height:13px;font:var(--vr-font-ui);font-variant-numeric:inherit;letter-spacing:normal;background:#965047;border-radius:50%;place-items:center;display:grid;position:absolute;top:-2px;right:22%}}
