.brand-shell{min-height:100vh;background:var(--brand-mist, #f3f6f3)}.brand-header{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:16px clamp(16px,4vw,48px);background:var(--brand-white, #ffffff);border-bottom:1px solid var(--brand-border, #dde5df)}.brand-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:92px;height:58px;color:var(--brand-emerald, #008b5a);text-decoration:none;font-family:var(--font-heading, Arial, sans-serif);font-weight:700}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-header__meta{color:var(--brand-slate, #46545a);font-size:.95rem;font-weight:600}.brand-nav{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.brand-nav a{min-height:40px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--brand-border, #dde5df);border-radius:8px;background:var(--brand-white, #ffffff);color:var(--brand-charcoal, #1f2a2e);text-decoration:none;font-weight:600}.brand-hero{padding:clamp(32px,7vw,80px) clamp(16px,4vw,48px) 24px;max-width:1280px;margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.brand-hero__content{animation:fadeUp .6s ease-out forwards}.brand-hero--split{display:grid;gap:48px;align-items:center}@media(min-width:860px){.brand-hero--split{grid-template-columns:1.2fr 1fr}}.brand-hero__visual{animation:fadeUp .6s ease-out .2s forwards;opacity:0;display:flex;justify-content:center;align-items:center}.brand-hero__visual img,.brand-hero__visual svg{max-width:100%;height:auto;border-radius:24px;box-shadow:var(--shadow-floating, 0 12px 32px rgba(31, 42, 46, .12))}.brand-hero p{margin:0 0 12px;color:var(--brand-emerald-dark, #006a45);font-family:var(--font-heading, Arial, sans-serif);font-weight:700;text-transform:uppercase}.brand-hero h1{margin:0;max-width:760px;color:var(--brand-charcoal, #1f2a2e);font-family:var(--font-heading, Arial, sans-serif);font-size:clamp(2rem,7vw,3.7rem);line-height:1.05;letter-spacing:-.02em}.brand-hero span{display:block;margin-top:18px;max-width:600px;color:var(--brand-slate, #46545a);font-size:1.15rem;line-height:1.7}.brand-content{padding:0 clamp(16px,4vw,48px) 48px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:1080px}.glass-panel{background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;padding:24px}.glass-input{width:100%;min-height:56px;padding:12px 16px;background:#ffffffb3;border:1.5px solid rgba(0,139,90,.35);border-radius:12px;box-shadow:inset 0 2px 4px #00000005;transition:all .2s ease;font-size:1.125rem}.glass-input:focus{outline:none;border-color:var(--brand-emerald, #008b5a);background:#fff;box-shadow:0 0 0 3px #008b5a26}.glass-btn-primary{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;font-weight:700;font-size:1.125rem;text-decoration:none;background:linear-gradient(135deg,var(--brand-emerald, #008b5a),var(--brand-leaf, #7bc943));color:var(--brand-white, #ffffff);box-shadow:0 4px 12px #008b5a40;transition:all .2s ease}.glass-btn-primary:hover{box-shadow:0 6px 16px #008b5a59;transform:translateY(-1px)}.glass-btn-secondary{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;border:1.5px solid rgba(0,139,90,.4);cursor:pointer;font-weight:700;font-size:1.125rem;text-decoration:none;background:#fffc;color:var(--brand-emerald, #008b5a);box-shadow:0 4px 12px #0000000d;transition:all .2s ease}.glass-btn-secondary:hover{background:#008b5a0d;transform:translateY(-1px)}.glass-btn-ghost{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;font-weight:700;font-size:1.125rem;text-decoration:none;background:transparent;color:var(--brand-slate, #46545a);transition:all .2s ease}.glass-btn-ghost:hover{background:#0000000d;color:var(--brand-charcoal, #1f2a2e)}.panel-grid article{min-height:176px;padding:20px;background:var(--brand-white, #ffffff);border:1px solid var(--brand-border, #dde5df);border-radius:8px}.panel-grid h2{margin:16px 0 8px;font-family:var(--font-heading, Arial, sans-serif);font-size:1.15rem}.panel-grid p{margin:0;color:var(--brand-slate, #46545a);line-height:1.6}.status-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:700}.status-badge--ready{background:var(--brand-leaf-pale, #edf8e5);color:var(--brand-emerald-dark, #006a45)}.status-badge--pending{background:var(--brand-mist, #f3f6f3);color:var(--brand-slate, #46545a)}.status-badge--blocked{background:#fff3e8;color:#7a3d00}.safety-note{max-width:980px;margin:20px 0 0;padding:16px;background:var(--brand-white, #ffffff);border-left:4px solid var(--brand-emerald, #008b5a);color:var(--brand-slate, #46545a);line-height:1.6}@media(min-width:800px){.brand-header{grid-template-columns:auto auto 1fr}.brand-header--compact{grid-template-columns:auto 1fr}.brand-nav{grid-column:auto;justify-content:flex-end}}.ops-layout{display:flex;min-height:100vh;background:var(--brand-mist, #f3f6f3);font-family:var(--font-body, Arial, sans-serif)}.ops-sidenav{display:none}.ops-main{flex:1;display:flex;flex-direction:column;min-width:0;padding-bottom:72px;position:relative}.ops-header{padding:16px 24px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--brand-border, #dde5df);position:sticky;top:0;z-index:20}.ops-header h1{margin:0;font-family:var(--font-heading, Arial, sans-serif);font-size:1.25rem;color:var(--brand-charcoal, #1f2a2e)}.ops-content{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.ops-bottomnav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--brand-border, #dde5df);z-index:30;padding-bottom:env(safe-area-inset-bottom,0)}.ops-bottomnav>a,.ops-bottomnav>button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 4px;text-decoration:none;color:var(--brand-slate, #46545a);font-size:.75rem;font-weight:600;transition:all .2s ease;background:transparent;border:none;cursor:pointer}.ops-bottomnav>a svg,.ops-bottomnav>button svg{margin-bottom:4px}.ops-bottomnav>a:hover,.ops-bottomnav>button:hover{color:var(--brand-emerald-dark, #006a45)}.ops-bottomnav>a.active,.ops-bottomnav>button.active,.ops-bottomnav>a[aria-current=page]{color:var(--brand-emerald, #008b5a)}@media(min-width:1024px){.ops-sidenav{display:flex;flex-direction:column;width:260px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--brand-border, #dde5df);position:fixed;top:0;left:0;bottom:0;z-index:40;padding:24px 16px}.ops-main{margin-left:260px;padding-bottom:0}.ops-bottomnav{display:none}.ops-sidenav__brand{display:flex;align-items:center;margin-bottom:32px;padding:0 8px}.ops-sidenav__logo-link{display:flex;align-items:center;text-decoration:none}.ops-sidenav__logo{width:48px;height:32px;object-fit:contain;margin-right:12px}.ops-sidenav__app-name{font-family:var(--font-heading, Arial, sans-serif);font-weight:700;color:var(--brand-emerald-dark, #006a45);font-size:1.1rem}.ops-sidenav__nav{flex:1;display:flex;flex-direction:column;gap:4px}.ops-sidenav__nav>a,.ops-sidenav__nav>button{display:flex;align-items:center;padding:12px 16px;border-radius:8px;text-decoration:none;color:var(--brand-charcoal, #1f2a2e);font-weight:600;font-size:.95rem;transition:all .2s ease;background:transparent;border:none;cursor:pointer;text-align:left;width:100%}.ops-sidenav__nav>a svg,.ops-sidenav__nav>button svg{margin-right:12px;color:var(--brand-slate, #46545a)}.ops-sidenav__nav>a:hover,.ops-sidenav__nav>button:hover{background:#008b5a14;color:var(--brand-emerald-dark, #006a45)}.ops-sidenav__nav>a:hover svg,.ops-sidenav__nav>button:hover svg{color:var(--brand-emerald-dark, #006a45)}.ops-sidenav__nav>a.active,.ops-sidenav__nav>button.active,.ops-sidenav__nav>a[aria-current=page]{background:var(--brand-emerald, #008b5a);color:#fff}.ops-sidenav__nav>a.active svg,.ops-sidenav__nav>button.active svg,.ops-sidenav__nav>a[aria-current=page] svg{color:#fff}.ops-sidenav__actions{margin-top:auto;padding-top:16px;border-top:1px solid var(--brand-border, #dde5df)}.ops-sidenav__actions>button{display:flex;align-items:center;padding:12px 16px;border-radius:8px;width:100%;background:transparent;border:none;cursor:pointer;color:#a80000;font-weight:600;text-align:left;transition:all .2s ease}.ops-sidenav__actions>button:hover{background:#a800001a}.ops-sidenav__actions>button svg{margin-right:12px}}.form-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.form-group label{font-size:1.05rem;font-weight:600;color:var(--brand-charcoal, #1f2a2e)}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:56px;padding:16px 20px;background:#ffffffb3;border:1.5px solid var(--brand-border, #dde5df);border-radius:12px;font-size:1.1rem;color:var(--brand-charcoal, #1f2a2e);transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-emerald, #008b5a);background:#fff;box-shadow:0 0 0 4px #008b5a1a}.form-group select{appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg width="14" height="10" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg"><path d="M7 10L0 0h14L7 10z" fill="%2346545a"/></svg>');background-repeat:no-repeat;background-position:right 20px center;background-size:12px}:root{color:var(--brand-charcoal);background:var(--brand-mist);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--brand-emerald: #008b5a;--brand-emerald-dark: #006a45;--brand-leaf: #7bc943;--brand-leaf-pale: #edf8e5;--brand-charcoal: #1f2a2e;--brand-slate: #46545a;--brand-white: #ffffff;--brand-mist: #f3f6f3;--brand-border: #dde5df;--font-heading: "Montserrat", Arial, sans-serif;--font-body: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-size:1.125rem}@media(max-width:820px){html{font-size:18px}.hide-on-mobile{display:none!important}}a{color:inherit}