@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2ludGVyLWxhdGluLTQwMC1ub3JtYWwtQzM4ZlhINGwud29mZjI/)format("woff2"),url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2ludGVyLWxhdGluLTQwMC1ub3JtYWwtQ3lDeXMzRWcud29mZg/)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2ludGVyLWxhdGluLTYwMC1ub3JtYWwtTGdxTDhtdWMud29mZjI/)format("woff2"),url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2ludGVyLWxhdGluLTYwMC1ub3JtYWwtQ2lCUTJEV1Aud29mZg/)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2ludGVyLWxhdGluLTcwMC1ub3JtYWwtWXQzYVBSVXcud29mZjI/)format("woff2"),url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2ludGVyLWxhdGluLTcwMC1ub3JtYWwtQkxBVmltaGQud29mZg/)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2ludGVyLWxhdGluLTgwMC1ub3JtYWwtQllqX29FRC0ud29mZjI/)format("woff2"),url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2ludGVyLWxhdGluLTgwMC1ub3JtYWwtRDFtZjYzWEMud29mZg/)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2Jhcmxvdy1jb25kZW5zZWQtbGF0aW4tODAwLW5vcm1hbC1CS3pNdVBnSy53b2ZmMg/)format("woff2"),url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2Jhcmxvdy1jb25kZW5zZWQtbGF0aW4tODAwLW5vcm1hbC1lOUdiUFhpSy53b2Zm/)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2Jhcmxvdy1jb25kZW5zZWQtbGF0aW4tOTAwLW5vcm1hbC1TRmg5VmlBYy53b2ZmMg/)format("woff2"),url(https://thesubbieqs.co.uk/vo-central/file/My4wLjV8YXNzZXRzL2Jhcmxvdy1jb25kZW5zZWQtbGF0aW4tOTAwLW5vcm1hbC1CejFSRkVUWS53b2Zm/)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20262a;font-synthesis:none;text-rendering:optimizelegibility;--charcoal:#20262a;--yellow:#f4c430;--green:#2d6f50;--deep-green:#20563e;--sage:#e6eee9;--cream:#f0ece3;--paper:#f8f6ef;--white:#fff;--red:#a63535;--muted:#66716d;--line:#cfd7d3;--shadow:0 8px 24px #20262a17;--radius:14px;background:#f8f6ef;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--charcoal);min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--deep-green);font-weight:700}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:.01em;margin:0 0 .5rem;font-family:Barlow Condensed,Impact,sans-serif;line-height:.98}h1{font-size:clamp(2.35rem,10vw,4.25rem);font-weight:900}h2{font-size:clamp(1.75rem,7vw,2.5rem);font-weight:800}h3{font-size:1.4rem;font-weight:800}p{margin:0 0 1rem}.skip-link{z-index:999;background:var(--yellow);color:var(--charcoal);padding:1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.app-shell{min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.app-header{z-index:20;min-height:calc(72px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:2px solid var(--charcoal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f6eff7;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.app-header__brand{text-transform:uppercase;align-items:center;gap:9px;display:flex}.app-header__brand img{width:42px;height:42px}.app-header__brand strong{font-family:Barlow Condensed,sans-serif;font-size:1.25rem;line-height:1;display:block}.app-header__brand span{letter-spacing:.1em;color:var(--green);margin-top:3px;font-size:.65rem;font-weight:800;display:block}.app-header__context{text-align:right;min-width:0}.app-header__context>span{font-size:.8rem;font-weight:800;display:block}.app-header__context small{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--muted);display:block;overflow:hidden}.app-main{width:min(100%,1180px);margin:0 auto;padding:18px 16px 28px}.bottom-nav{z-index:30;height:calc(72px + env(safe-area-inset-bottom));padding:5px 7px env(safe-area-inset-bottom);background:var(--charcoal);grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #00000029}.bottom-nav__item{color:#f7f7f4;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:60px;padding:5px 1px;font-size:clamp(.62rem,2.6vw,.75rem);font-weight:700;line-height:1.1;text-decoration:none;display:flex;position:relative}.bottom-nav__icon{border-radius:10px;place-items:center;width:34px;height:32px;display:grid}.bottom-nav__item.is-active:not(.bottom-nav__item--primary) .bottom-nav__icon{background:var(--sage);color:var(--deep-green)}.bottom-nav__item--primary{color:var(--charcoal)}.bottom-nav__item--primary .bottom-nav__icon{border:3px solid var(--charcoal);background:var(--yellow);border-radius:50%;width:56px;height:56px;margin-top:-28px;box-shadow:0 4px #090b0c}.bottom-nav__item--primary span:last-child{color:var(--yellow)}.network-status{top:calc(72px + env(safe-area-inset-top));z-index:19;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:800;display:flex;position:sticky}.network-status.is-offline{background:var(--yellow)}.network-status.is-syncing{background:var(--sage);color:var(--deep-green)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page{gap:18px;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-heading p{max-width:700px;color:var(--muted);margin:0}.eyebrow{border-left:4px solid var(--yellow);background:var(--sage);color:var(--deep-green);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;padding:3px 7px;font-size:.72rem;font-weight:900;display:inline-block}.hero{border:2px solid var(--charcoal);border-radius:var(--radius);background:var(--cream);box-shadow:5px 5px 0 var(--charcoal);padding:24px 20px;position:relative;overflow:hidden}.hero:after{content:"";background:var(--yellow);opacity:.8;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-80px;right:-75px}.hero p{z-index:1;max-width:650px;font-size:1.05rem;font-weight:600;position:relative}.hero__actions{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.card{border:1.5px solid var(--charcoal);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);padding:18px}.card--sage{background:var(--sage)}.card--dark{background:var(--deep-green);color:var(--white)}.card--yellow{background:var(--yellow)}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.section-heading h2{margin:0}.grid{gap:14px;display:grid}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat{border:1.5px solid var(--charcoal);background:var(--white);border-radius:12px;min-height:108px;padding:14px}.stat strong{font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:900;line-height:1;display:block}.stat span{color:var(--muted);margin-top:6px;font-size:.78rem;font-weight:800;display:block}.stat--highlight{background:var(--yellow)}.stat--green{background:var(--deep-green);color:var(--white)}.stat--green span{color:var(--sage)}.button{border:2px solid var(--charcoal);background:var(--white);min-height:48px;color:var(--charcoal);box-shadow:3px 3px 0 var(--charcoal);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.button:active{box-shadow:1px 1px 0 var(--charcoal);transform:translate(2px,2px)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{background:var(--yellow)}.button--green{background:var(--green);color:var(--white)}.button--danger{border-color:var(--red);color:var(--red);box-shadow:3px 3px 0 var(--red)}.button--quiet{border-color:var(--line);min-height:44px;box-shadow:none}.button--full{width:100%}.icon-button{width:48px;min-width:48px;height:48px;color:var(--charcoal);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions>.button{flex:150px}.link-button{color:var(--deep-green);background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.form{gap:16px;display:grid}.field{gap:7px;min-width:0;display:grid}.field>span:first-child,.field-label{font-size:.86rem;font-weight:800}.field small{color:var(--muted)}.field input,.field select,.field textarea,.search-input{background:var(--white);width:100%;min-height:50px;color:var(--charcoal);border:1.5px solid #9ca8a3;border-radius:8px;padding:11px 12px;font-size:16px}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:var(--charcoal);outline:3px solid #f4c43073}.field--checkbox{grid-template-columns:26px 1fr;align-items:start;min-height:48px}.field--checkbox input{width:22px;height:22px;accent-color:var(--green);margin:2px 0 0}.field--checkbox span{font-size:.9rem;font-weight:500}.password-control{align-items:center;display:flex;position:relative}.password-control input{padding-right:52px}.password-control .icon-button{position:absolute;right:1px}.form-row{grid-template-columns:1fr;gap:12px;display:grid}.input-with-unit{align-items:stretch;display:flex}.input-with-unit input{border-radius:8px 0 0 8px}.input-with-unit span{background:var(--sage);border:1.5px solid #9ca8a3;border-left:0;border-radius:0 8px 8px 0;place-items:center;min-width:54px;font-weight:800;display:grid}.form-error{border-left:5px solid var(--red);color:#7a1f1f;background:#f8e6e6;padding:11px 12px;font-weight:700}.form-success,.notice--success{border-left:5px solid var(--green);background:var(--sage);color:var(--deep-green);padding:11px 12px;font-weight:700}.form-help{color:var(--muted);font-size:.86rem}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list-card{border:1.5px solid var(--line);background:var(--white);min-height:72px;color:inherit;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.list-card:active{border-color:var(--charcoal)}.list-card__body{flex:1;min-width:0}.list-card__body strong{color:var(--charcoal);display:block}.list-card__body small{color:var(--muted);margin-top:3px;font-weight:600;display:block}.list-card__value{text-align:right;white-space:nowrap}.list-card__value strong{font-family:Barlow Condensed,sans-serif;font-size:1.45rem;display:block}.search-bar{position:relative}.search-bar svg{color:var(--muted);position:absolute;top:15px;left:13px}.search-bar input{padding-left:44px}.filter-row{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-chip{border:1.5px solid var(--line);background:var(--white);white-space:nowrap;border-radius:999px;min-height:42px;padding:8px 14px;font-weight:800}.filter-chip.is-active{border-color:var(--deep-green);background:var(--deep-green);color:var(--white)}.status-pill{background:var(--cream);color:var(--charcoal);text-transform:capitalize;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:900;display:inline-flex}.status-pill--approved,.status-pill--paid{color:#16512f;background:#d8efdf}.status-pill--rejected{color:#7a1f1f;background:#f6dddd}.status-pill--awaiting_approval,.status-pill--part_approved{background:#fff0b5}.stepper{grid-template-columns:1fr 1fr;gap:6px;display:grid}.step{border-bottom:4px solid var(--line);color:var(--muted);padding:10px;font-size:.82rem;font-weight:800}.step.is-active{border-color:var(--yellow);color:var(--charcoal)}.autosave{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.line-items{gap:10px;display:grid}.line-item{border:1.5px solid var(--line);background:var(--paper);border-radius:10px;padding:13px}.line-item__heading{justify-content:space-between;gap:10px;display:flex}.line-item__heading strong{flex:1}.line-item__total{font-family:Barlow Condensed,sans-serif;font-size:1.35rem;font-weight:900}.line-item__meta{color:var(--muted);margin-top:6px;font-size:.83rem}.catalogue-results{border:1.5px solid var(--charcoal);background:var(--white);max-height:320px;box-shadow:var(--shadow);border-radius:10px;margin-top:5px;overflow-y:auto}.catalogue-result{border:0;border-bottom:1px solid var(--line);background:var(--white);text-align:left;justify-content:space-between;gap:10px;width:100%;min-height:58px;padding:10px 12px;display:flex}.catalogue-result:last-child{border-bottom:0}.catalogue-result small{color:var(--muted);display:block}.catalogue-result strong:last-child{white-space:nowrap}.upload-zone{background:var(--paper);text-align:center;border:2px dashed #87928d;border-radius:12px;padding:18px}.upload-zone input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px;display:grid}.upload-preview{border:1px solid var(--line);background:var(--cream);border-radius:10px;min-height:110px;position:relative;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:110px}.upload-preview__name{text-overflow:ellipsis;white-space:nowrap;padding:8px;font-size:.75rem;font-weight:700;overflow:hidden}.upload-preview>.search-input{border:0;border-top:1px solid var(--line);border-radius:0;min-height:44px;font-size:.78rem}.upload-preview .icon-button{background:#ffffffeb;width:40px;min-width:40px;height:40px;position:absolute;top:3px;right:3px}.total-panel{bottom:calc(77px + env(safe-area-inset-bottom));z-index:10;border:2px solid var(--charcoal);background:var(--deep-green);color:var(--white);border-radius:12px;padding:14px 16px;position:sticky;box-shadow:0 -8px 24px #20262a2e}.total-panel__row{justify-content:space-between;gap:16px;display:flex}.total-panel__row strong{color:var(--yellow);font-family:Barlow Condensed,sans-serif;font-size:2rem}.total-breakdown{color:var(--sage);grid-template-columns:repeat(2,1fr);gap:5px 12px;margin-top:8px;font-size:.78rem;display:grid}.total-breakdown span{justify-content:space-between;display:flex}.auth-layout{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:var(--cream);align-items:center;display:grid}.auth-card{border:2px solid var(--charcoal);background:var(--white);width:min(100%,470px);box-shadow:7px 7px 0 var(--charcoal);border-radius:18px;margin:auto;padding:24px 20px}.auth-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth-brand img{width:58px;height:58px}.auth-brand strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;line-height:.95;display:block}.auth-brand span{color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:900}.auth-links{text-align:center;gap:10px;margin-top:18px;font-size:.9rem;display:grid}.configuration-warning{border:2px solid var(--yellow);background:#fff9dd;padding:16px}.legal-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;font-size:.8rem;display:flex}.empty-state{text-align:center;border:2px dashed var(--line);border-radius:var(--radius);background:var(--white);padding:32px 18px}.empty-state__icon{background:var(--sage);width:58px;height:58px;color:var(--deep-green);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.empty-state p{max-width:480px;color:var(--muted);margin:0 auto 16px}.full-screen-message{background:var(--cream);justify-content:center;align-items:center;gap:12px;min-height:100dvh;font-weight:800;display:flex}.loader{border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.install-instructions{border-left:5px solid var(--yellow);background:var(--cream);align-items:flex-start;gap:12px;padding:14px;display:flex}.install-instructions>svg{flex:none;margin-top:2px}.install-instructions p{margin:5px 0 0}.install-card{border-top:8px solid var(--yellow);scroll-margin-top:24px}.install-card>p{color:var(--muted)}.install-card .button+.button{margin-top:8px}.install-card--installed{border-top-color:var(--green);background:var(--sage);align-items:flex-start;gap:12px;display:flex}.install-card--installed p{color:var(--muted);margin:4px 0 0}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;background:var(--white);width:100%;font-size:.86rem}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px}th{background:var(--sage);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.tabs{gap:6px;display:flex;overflow-x:auto}.cost-settings__search{margin-top:18px}.search-field{border:1.5px solid var(--line);background:var(--white);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%;min-height:46px}.cost-settings__table small{color:var(--muted);margin-top:3px;display:block}.cost-settings__rate{min-width:130px}.cost-settings__rate input{min-width:92px}.tab{border:1.5px solid var(--line);background:var(--white);white-space:nowrap;border-radius:8px;min-height:46px;padding:9px 14px;font-weight:800}.tab.is-active{background:var(--deep-green);color:var(--white)}.billing-intro{margin-bottom:16px}.billing-price{border:2px solid var(--charcoal);border-top:7px solid var(--yellow);background:var(--white);box-shadow:4px 4px 0 var(--charcoal);justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:18px;display:flex}.billing-price>div{display:grid}.billing-price span,.billing-price small,.billing-status span,.billing-status small{color:var(--muted);font-size:.78rem;font-weight:700}.billing-price strong{font-family:Barlow Condensed,sans-serif;font-size:clamp(2.5rem,13vw,4rem);line-height:.95}.billing-price svg{width:42px;height:42px;color:var(--deep-green)}.billing-list{gap:9px;margin:18px 0;padding:0;list-style:none;display:grid}.billing-list li{align-items:flex-start;gap:9px;font-size:.9rem;font-weight:700;display:flex}.billing-list svg{width:18px;height:18px;color:var(--green);stroke-width:3px;flex:none}.billing-status{background:var(--sage);border-left:4px solid var(--green);align-items:center;gap:12px;margin:16px 0;padding:13px;display:flex}.billing-status>div{display:grid}.billing-status svg{color:var(--deep-green);flex:none}.billing-signout{margin:16px auto 8px;display:block}@media (min-width:650px){.app-main{padding:24px}.form-row,.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid,.upload-grid{grid-template-columns:repeat(4,1fr)}.hero{padding:34px}}@media (min-width:980px){.app-shell{padding-bottom:0;padding-left:230px}.app-header{padding-left:28px;padding-right:28px}.bottom-nav{grid-template-columns:1fr;grid-auto-rows:58px;align-items:stretch;width:230px;height:100dvh;padding:96px 14px 20px;top:0;right:auto}.bottom-nav__item{border-radius:10px;flex-direction:row;justify-content:flex-start;gap:12px;min-height:54px;padding:8px 12px;font-size:.9rem}.bottom-nav__item--primary{background:var(--yellow);color:var(--charcoal);order:-1;margin-bottom:12px;box-shadow:4px 4px #000}.bottom-nav__item--primary .bottom-nav__icon{width:34px;height:34px;box-shadow:none;background:0 0;border:0;margin:0}.bottom-nav__item--primary span:last-child{color:var(--charcoal)}.bottom-nav__item.is-active:not(.bottom-nav__item--primary){background:var(--sage);color:var(--deep-green)}.app-header__context small{max-width:280px}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.total-panel{bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}