:root{--wo:#246bfd;--wo-dark:#0b1630;--wo-ink:#152238;--wo-muted:#64748b;--wo-line:#e5eaf1;--wo-bg:#f5f7fb;--wo-green:#16865b;--wo-orange:#d87813;--wo-red:#d14343;--wo-purple:#7557d5}*{box-sizing:border-box}.wo-app,.wo-login{font-family:Inter,system-ui,sans-serif;color:var(--wo-ink)}.theme-teal{--wo:#0f8c87}.theme-purple{--wo:#7252c7}.theme-orange{--wo:#cb6817}.theme-navy{--wo:#243b64}.wo-app{min-height:100vh;background:var(--wo-bg);display:flex}.wo-side{position:fixed;inset:0 auto 0 0;width:254px;background:#0b1630;color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:100}.wo-brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;font-weight:700;font-size:18px}.wo-brand span{display:grid;place-items:center;width:34px;height:34px;background:var(--wo);border-radius:9px}.wo-company-chip{display:flex;align-items:center;gap:11px;padding:18px 10px;margin:28px 0 18px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.wo-company-chip>b{width:38px;height:38px;border-radius:9px;background:color-mix(in srgb,var(--wo) 75%,white);display:grid;place-items:center}.wo-company-chip strong,.wo-company-chip small{display:block}.wo-company-chip strong{font-size:12px;max-width:145px}.wo-company-chip small{font-size:10px;color:#9cabbe;margin-top:3px}.wo-side nav{display:grid;gap:5px}.wo-side nav a,.wo-logout{display:flex;align-items:center;gap:12px;padding:11px 13px;color:#aab6c8!important;text-decoration:none;border-radius:8px;font-size:13px;font-weight:500}.wo-side nav a:hover,.wo-side nav a.active{background:#ffffff12;color:#fff!important}.wo-side nav a.active{border-left:3px solid var(--wo)}.wo-side nav i{font-style:normal;font-size:17px;width:20px;text-align:center}.wo-logout{margin-top:auto}.wo-main{margin-left:254px;width:calc(100% - 254px)}.wo-top{height:76px;background:#fff;border-bottom:1px solid var(--wo-line);display:flex;align-items:center;padding:0 34px;gap:18px}.wo-top>div:first-of-type{margin-right:auto}.wo-top small,.wo-top strong{display:block}.wo-top small{font-size:10px;color:var(--wo-muted);text-transform:uppercase;letter-spacing:.06em}.wo-top strong{font-size:13px;margin-top:3px}.wo-avatar{width:38px;height:38px;border-radius:50%;display:grid!important;place-items:center;background:#edf2ff;color:var(--wo);font-size:11px;font-weight:700}.wo-menu{display:none;background:none;border:0;font-size:22px}.wo-content{padding:32px;max-width:1500px;margin:auto}.wo-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px!important;letter-spacing:.13em;color:var(--wo)!important;font-weight:700;margin:0 0 8px!important}.wo-page-head h1{font-size:27px;margin:0 0 7px;color:var(--wo-dark)}.wo-page-head>div>p:last-child{margin:0;color:var(--wo-muted);font-size:13px}.wo-btn{appearance:none;border:0;border-radius:8px;background:var(--wo);color:#fff!important;padding:11px 17px;font:600 12px/1 Inter,sans-serif;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--wo) 24%,transparent)}.wo-btn:hover{filter:brightness(.94);transform:translateY(-1px)}.wo-btn.secondary{background:#fff;color:var(--wo-ink)!important;border:1px solid var(--wo-line);box-shadow:none}.wo-btn.small{padding:8px 12px}.wo-btn.full{width:100%;height:45px}.wo-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px}.wo-metrics.four{grid-template-columns:repeat(4,1fr)}.wo-metric{background:#fff;border:1px solid var(--wo-line);border-radius:11px;padding:17px;display:flex;gap:12px;min-width:0;box-shadow:0 2px 8px #12213b08}.wo-metric>span{width:35px;height:35px;border-radius:8px;background:#edf4ff;color:var(--wo);display:grid;place-items:center}.wo-metric small,.wo-metric strong,.wo-metric em{display:block}.wo-metric small{font-size:10px;color:var(--wo-muted);margin-bottom:6px}.wo-metric strong{font-size:20px;white-space:nowrap;color:var(--wo-dark)}.wo-metric em{font-size:9px;color:#8794a6;font-style:normal;margin-top:5px}.wo-metric.green>span{background:#e7f6ef;color:var(--wo-green)}.wo-metric.orange>span{background:#fff3e3;color:var(--wo-orange)}.wo-metric.purple>span{background:#f1ecff;color:var(--wo-purple)}.wo-metric.navy>span{background:#e8edf5;color:#344d73}.wo-grid{display:grid;gap:20px;margin-bottom:20px}.wo-grid.two{grid-template-columns:1fr 1fr}.wo-grid.two-wide{grid-template-columns:1.7fr 1fr}.wo-card{background:#fff;border:1px solid var(--wo-line);border-radius:12px;padding:20px;box-shadow:0 2px 10px #10234808;margin-bottom:20px;min-width:0}.wo-card h2{font-size:15px;margin:0 0 16px;color:var(--wo-dark)}.wo-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.wo-card-head h2{margin:0}.wo-card-head a{font-size:11px;color:var(--wo);text-decoration:none;font-weight:600}.wo-card-head small{font-size:10px;color:var(--wo-muted)}.wo-chart{max-height:250px!important}.wo-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#8793a4;font-size:9px;text-transform:uppercase;letter-spacing:.06em;padding:9px 10px;border-bottom:1px solid var(--wo-line)}td{padding:12px 10px;border-bottom:1px solid #edf0f4;vertical-align:middle;color:#465469}td strong{color:var(--wo-dark)}td small{display:block;color:#8b96a6;margin-top:3px}td a{color:var(--wo);font-weight:600;text-decoration:none}.wo-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;text-transform:capitalize;white-space:nowrap}.wo-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-completed,.status-paid{color:var(--wo-green);background:#e9f7f1}.status-in-progress,.status-pending{color:var(--wo-orange);background:#fff3e5}.status-scheduled,.status-active{color:#286bc6;background:#edf4ff}.status-cancelled,.status-overdue{color:var(--wo-red);background:#fff0f0}.status-inactive,.status-draft{color:#64748b;background:#eef1f5}.wo-feed>div{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid #edf0f4}.wo-feed>div:last-child{border:0}.wo-feed>div>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e9f7f1;color:var(--wo-green);font-size:10px}.wo-feed p{margin:0;font-size:11px}.wo-feed strong,.wo-feed small{display:block}.wo-feed small{color:#919baa;font-size:9px;margin-top:4px}.wo-form-card{max-width:900px}.wo-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wo-form label,.wo-form fieldset{font-size:10px;font-weight:600;color:#526077;border:0;padding:0;margin:0}.wo-form input,.wo-form select,.wo-form textarea,.wo-contact-form input,.wo-contact-form textarea{display:block;width:100%;height:42px;border:1px solid #dce2ea;border-radius:7px;margin-top:7px;padding:9px 11px;font:400 12px Inter,sans-serif;color:var(--wo-ink);background:#fff}.wo-form textarea,.wo-contact-form textarea{height:85px;resize:vertical}.wo-form input:focus,.wo-form select:focus,.wo-form textarea:focus{outline:2px solid color-mix(in srgb,var(--wo) 22%,transparent);border-color:var(--wo)}.wo-form .span-2{grid-column:span 2}.wo-form label small{display:block;margin-top:5px;color:#8b96a6}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:5px}.wo-delete{border-top:1px solid var(--wo-line);margin-top:25px;padding-top:16px}.wo-delete button{background:none;border:0;color:var(--wo-red);font-size:11px;cursor:pointer}.wo-people,.wo-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wo-person{background:#fff;border:1px solid var(--wo-line);border-radius:11px;padding:18px}.wo-person-top{display:flex;justify-content:space-between}.wo-person-top>span,.company-mark{width:38px;height:38px;border-radius:9px;background:#edf4ff;color:var(--wo);display:grid;place-items:center;font-weight:700}.wo-person h3{margin:14px 0 4px;font-size:14px}.wo-person>p{margin:0;color:var(--wo-muted);font-size:11px}.wo-person dl{display:flex;gap:18px;margin:18px 0}.wo-person dt,.wo-company-list dt,.wo-details dt{color:#8b96a6;font-size:9px}.wo-person dd,.wo-company-list dd,.wo-details dd{margin:4px 0 0;font-size:11px;font-weight:600}.wo-person>a{display:block;margin-top:14px;color:var(--wo);font-size:11px;text-decoration:none;font-weight:600}.wo-service{display:grid;grid-template-columns:38px 1fr auto;gap:13px}.wo-service>span{width:38px;height:38px;border-radius:8px;background:#edf4ff;color:var(--wo);display:grid;place-items:center}.wo-service h3{font-size:13px;margin:10px 0 5px}.wo-service p{font-size:10px;line-height:1.5;color:var(--wo-muted);min-height:30px}.wo-service strong,.wo-service small{display:block;font-size:10px}.wo-service small{color:#929cab;margin-top:5px}.wo-service>a{font-size:10px;color:var(--wo);text-decoration:none}.wo-theme-options{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}.wo-theme-options label{display:flex;align-items:center;gap:6px;border:1px solid var(--wo-line);padding:9px 12px;border-radius:7px}.theme-dot{width:12px;height:12px;border-radius:50%;background:#246bfd}.theme-dot.teal{background:#0f8c87}.theme-dot.purple{background:#7252c7}.theme-dot.orange{background:#cb6817}.theme-dot.navy{background:#243b64}.wo-invoice{max-width:850px;margin:auto;background:#fff;border:1px solid var(--wo-line);padding:42px;border-radius:12px}.invoice-head,.invoice-bill{display:flex;justify-content:space-between}.invoice-head>div:last-child{text-align:right}.invoice-logo{width:45px;height:45px;background:var(--wo);color:#fff;display:grid;place-items:center;border-radius:9px;font-weight:700}.invoice-head h2{font-size:17px;margin:12px 0 5px}.invoice-head h1{font-size:27px;margin:0 0 10px}.invoice-head p{font-size:10px;color:var(--wo-muted);line-height:1.6}.invoice-bill{border-top:1px solid var(--wo-line);border-bottom:1px solid var(--wo-line);padding:20px 0;margin:24px 0}.invoice-bill small,.invoice-bill strong{display:block}.invoice-bill small{font-size:9px;color:#8c97a6;margin-bottom:5px}.invoice-bill strong{font-size:12px}.invoice-totals{width:280px;margin:25px 0 25px auto}.invoice-totals p{display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid var(--wo-line);padding:9px}.invoice-notes{font-size:10px;color:var(--wo-muted)}.wo-company-list article{display:grid;grid-template-columns:45px minmax(180px,1fr) 1.5fr auto;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--wo-line)}.wo-company-list article:last-child{border:0}.wo-company-list h3{font-size:13px;margin:0 0 4px}.wo-company-list p{margin:0;font-size:10px;color:var(--wo-muted)}.wo-company-list dl{display:flex;gap:35px;margin:0}.row-actions{display:flex;align-items:center;gap:15px}.row-actions>a:not(.wo-btn){color:var(--wo);font-size:11px;text-decoration:none;font-weight:600}.wo-details>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--wo-line)}.wo-alert{padding:12px 15px;border-radius:8px;margin-bottom:18px;font-size:12px}.wo-alert.success{background:#e9f7f1;color:#116942}.wo-alert.error{background:#fff0f0;color:#a83131}.wo-login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f6f8fb}.wo-login-side{background:#0b1630;color:#fff;padding:55px 8vw;display:flex;flex-direction:column;justify-content:space-between}.wo-login-side h2{font-size:38px;line-height:1.15;max-width:600px}.wo-login-side p:not(.eyebrow){color:#aab8ca;max-width:520px;line-height:1.7}.wo-login-side small{color:#78879a}.wo-login-panel{display:grid;place-items:center;padding:30px}.wo-login-card{width:min(420px,100%);background:#fff;border:1px solid var(--wo-line);border-radius:14px;padding:38px;box-shadow:0 20px 50px #12213b14}.wo-login-card .wo-brand{display:none}.wo-login-card h1{font-size:28px;margin:5px 0 8px}.wo-login-card>p{font-size:12px;color:var(--wo-muted);margin-bottom:25px}.wo-login-card label{display:block;font-size:11px;font-weight:600;margin-bottom:15px}.wo-login-card input[type=text],.wo-login-card input[type=password],.wo-login-card input:not([type]){width:100%;height:44px;border:1px solid #dce2ea;border-radius:7px;margin-top:7px;padding:10px}.wo-login-card .wo-check{display:flex;align-items:center;gap:7px;font-weight:400}.wo-back{display:block;text-align:center;margin-top:18px;color:var(--wo-muted);font-size:11px;text-decoration:none}.wo-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wo-contact-form label{font-size:12px}.wo-contact-form .wide{grid-column:span 2}.wo-contact-form button{justify-self:start}.wo-overlay{display:none}
@media(max-width:1180px){.wo-metrics{grid-template-columns:repeat(3,1fr)}.wo-people,.wo-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.wo-side{transform:translateX(-100%);transition:.25s}.wo-app.nav-open .wo-side{transform:translateX(0)}.wo-overlay{position:fixed;inset:0;background:#07112599;z-index:90}.wo-app.nav-open .wo-overlay{display:block}.wo-main{margin:0;width:100%}.wo-menu{display:block}.wo-content{padding:23px}.wo-grid.two,.wo-grid.two-wide{grid-template-columns:1fr}.wo-company-list article{grid-template-columns:45px 1fr auto}.wo-company-list dl{grid-column:2/4}.wo-login{grid-template-columns:1fr}.wo-login-side{display:none}.wo-login-card .wo-brand{display:flex;color:var(--wo-dark)!important;margin-bottom:35px}}
@media(max-width:600px){.wo-top{padding:0 17px;height:66px}.wo-content{padding:18px 13px}.wo-page-head{align-items:flex-start;flex-direction:column}.wo-page-head h1{font-size:23px}.wo-metrics,.wo-metrics.four{grid-template-columns:1fr 1fr;gap:9px}.wo-metric{padding:13px;gap:8px}.wo-metric>span{display:none}.wo-metric strong{font-size:17px}.wo-form{grid-template-columns:1fr}.wo-form .span-2{grid-column:auto}.wo-people,.wo-service-grid{grid-template-columns:1fr}.wo-card{padding:14px;border-radius:9px}.wo-table-wrap{overflow:visible}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{border:1px solid var(--wo-line);border-radius:8px;padding:8px;margin-bottom:10px}td{display:flex;justify-content:space-between;gap:12px;padding:7px;border:0;text-align:right}td:before{content:attr(data-label);color:#8b96a6;font-size:9px;text-transform:uppercase;text-align:left}td small{display:none}.wo-company-list article{grid-template-columns:38px 1fr}.wo-company-list dl,.row-actions{grid-column:1/3}.wo-company-list dl{gap:15px;justify-content:space-between}.wo-invoice{padding:20px}.invoice-head{gap:20px}.invoice-head p{font-size:9px}.wo-login-panel{padding:16px}.wo-login-card{padding:26px 20px}.wo-contact-form{grid-template-columns:1fr}.wo-contact-form .wide{grid-column:auto}}
@media print{.wo-side,.wo-top,.wo-page-head,.wo-alert{display:none!important}.wo-main{margin:0;width:100%}.wo-content{padding:0}.wo-invoice{border:0;box-shadow:none}}