@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";
@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_4815361e-module__l71bla__className{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}.ibm_plex_sans_4815361e-module__l71bla__variable{--font-plex-sans:"IBM Plex Sans", "IBM Plex Sans Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_dadbdccb-module__kpzlEW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_dadbdccb-module__kpzlEW__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--canvas:#f3efe5;--surface:#faf7ef;--sunken:#ece7d8;--navy:#06121e;--navy-2:#16314a;--border:#1b2a3a24;--border-strong:#1b2a3a3d;--color-bg:var(--canvas);--color-surface-100:#faf7efd1;--color-surface-200:#ece7d8db;--color-surface-300:#1b2a3a1a;--color-surface-solid:var(--surface);--color-surface-elevated:#fffaf1;--color-surface-border:var(--border);--color-surface-hover:#0d6e7e14;--text-primary:#1b2a3a;--text-secondary:#435363;--text-muted:#5f6b78;--text-on-navy:#f3efe5;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-muted);--color-text-inverse:var(--text-on-navy);--accent:#0d6e7e;--accent-ink:#0a5560;--accent-soft:#6bb3c0;--accent-dim:#0d6e7e1a;--accent-mid:#0d6e7e29;--color-accent:var(--accent);--color-accent-hover:var(--accent-ink);--color-accent-soft:var(--accent-dim);--color-accent-glow:var(--accent-mid);--signal-go:#2c6e49;--signal-go-dim:#2c6e491f;--signal-caution:#9a6c12;--signal-caution-dim:#9a6c1224;--signal-danger:#bc4327;--signal-danger-dim:#bc43271f;--color-warning:var(--signal-caution);--color-warning-bg:var(--signal-caution-dim);--color-success:var(--signal-go);--color-success-bg:var(--signal-go-dim);--color-error:var(--signal-danger);--color-error-bg:var(--signal-danger-dim);--color-sap-gold:var(--signal-caution);--color-sap-bg:var(--signal-caution-dim);--f-sans:"IBM Plex Sans", system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, monospace;--font-body:var(--f-sans);--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #1b2a3a0f;--shadow-md:0 10px 26px -14px #1b2a3a38;--shadow-lg:0 22px 48px -20px #1b2a3a42;--shadow-xl:0 28px 60px -24px #1b2a3a4d;--shadow-glow:0 18px 48px -34px #0d6e7e85;--ease-custom:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-custom);--transition-base:.25s var(--ease-custom);--transition-slow:.4s var(--ease-custom);--z-negative:-1;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:400;--z-tooltip:500}[data-theme=dark]{--canvas:#0f1c28;--surface:#16232f;--sunken:#0b1620;--navy:#070f19;--navy-2:#1d3050;--border:#eef0e81a;--border-strong:#eef0e82e;--color-bg:#0f1c28;--color-surface-100:#16232fb8;--color-surface-200:#1e2f3ed1;--color-surface-300:#283e52e6;--color-surface-solid:#16232f;--color-surface-elevated:#1e3040;--color-surface-border:var(--border);--color-surface-hover:#eef0e80f;--text-primary:#eef0e8;--text-secondary:#9fb0b8;--text-muted:#6f8088;--text-on-navy:#eef0e8;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-muted);--color-text-inverse:#06121e;--accent:#3fa9bb;--accent-ink:#6bc3d2;--accent-soft:#6bc3d2;--accent-dim:#3fa9bb24;--accent-mid:#3fa9bb33;--color-accent:var(--accent);--color-accent-hover:var(--accent-ink);--color-accent-soft:var(--accent-dim);--color-accent-glow:var(--accent-mid);--signal-go:#4caa78;--signal-go-dim:#4caa7829;--signal-caution:#d6a23a;--signal-caution-dim:#d6a23a29;--signal-danger:#d65a44;--signal-danger-dim:#d65a4429;--color-warning:var(--signal-caution);--color-warning-bg:var(--signal-caution-dim);--color-success:var(--signal-go);--color-success-bg:var(--signal-go-dim);--color-error:var(--signal-danger);--color-error-bg:var(--signal-danger-dim);--color-sap-gold:#d6a23a;--color-sap-bg:#d6a23a29;--shadow-sm:0 1px 2px #070f194d;--shadow-md:0 10px 26px -14px #070f198c;--shadow-lg:0 22px 48px -20px #070f19a6;--shadow-xl:0 28px 60px -24px #070f19bf;--shadow-glow:0 18px 48px -34px #3fa9bb80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text-primary);scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);min-height:100vh;color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:600;line-height:1.08}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-border)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.w-screen{width:100vw}.h-screen{height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-0{margin:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.glass-panel{background:var(--color-surface-100);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-surface-border)}.glass-nav{background:var(--navy);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-surface-border)}.surface-panel{background:var(--color-surface-solid);border:1px solid var(--color-surface-border)}@media (max-width:640px){:root{--space-10:32px;--space-12:40px}}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.card{background:var(--color-surface-solid);border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);box-shadow:var(--shadow-sm)}.card--hoverable:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.card--interactive:active{transform:translateY(0)}.card--highlight{background:var(--color-surface-elevated);border-color:var(--color-accent)}.card--metric{gap:var(--space-2);flex-direction:column;min-height:132px;display:flex;position:relative;overflow:hidden}.card--metric:after{content:"";left:var(--space-5);right:var(--space-5);background:linear-gradient(90deg, transparent, var(--accent-mid), transparent);opacity:.55;height:1px;position:absolute;bottom:0}.card--metric .metric-value{font-family:var(--f-mono);color:var(--color-text-primary);font-size:2rem;font-weight:600;line-height:1}.card--metric .metric-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn--sm{padding:.375rem .75rem;font-size:.875rem}.btn--md{padding:.5rem 1rem;font-size:1rem}.btn--lg{border-radius:var(--radius-lg);padding:.75rem 1.5rem;font-size:1.125rem}.btn--primary{background-color:var(--color-accent);color:#fff;box-shadow:0 14px 28px -22px var(--accent);border:1px solid #0000}.btn--primary:hover{background-color:var(--color-accent-hover);box-shadow:0 20px 38px -24px var(--accent)}.btn--secondary{background-color:var(--surface);color:var(--text-secondary);border:1px solid var(--border-strong)}.btn--secondary:hover{border-color:var(--accent);color:var(--accent-ink)}.btn--outline{color:var(--color-text-primary);border:1px solid var(--color-surface-border);background-color:#0000}.btn--outline:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost{color:var(--color-text-secondary);background-color:#0000;border:1px solid #0000}.btn--ghost:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.btn--danger{background-color:var(--surface);color:var(--signal-danger);border:1px solid var(--signal-danger)}.btn--danger:hover{background-color:var(--signal-danger);color:#fff}.btn--success{background-color:var(--color-success);color:#fff;border:1px solid #0000}.btn--success:hover{background-color:var(--color-success)}.btn--sap{background-color:var(--color-sap-gold);color:#fff;border:1px solid #0000;font-weight:600}.btn--sap:hover{background-color:var(--color-sap-gold);box-shadow:0 0 15px var(--color-sap-bg)}.btn--loading{pointer-events:none;opacity:.8}.btn--loading:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.75s linear infinite spin}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.badge{border-radius:var(--radius-sm);letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:.28rem .64rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge--default{background-color:var(--color-surface-200);color:var(--color-text-secondary);border:1px solid var(--color-surface-border)}.badge--primary{background-color:var(--color-accent-soft);color:var(--color-accent);border:1px solid var(--accent-mid)}.badge--success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-bg)}.badge--warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-bg)}.badge--danger{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-bg)}.badge--sap{background-color:var(--color-sap-bg);color:var(--color-sap-gold);border:1px solid var(--color-sap-bg)}.badge--outline{color:var(--color-text-primary);border:1px solid var(--color-text-tertiary);background-color:#0000}.badge--solid{background-color:var(--color-text-primary);color:var(--color-bg)}.badge--dot:before{content:"";background-color:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.badge--pill{border-radius:var(--radius-full);background-color:var(--color-error);color:#fff;padding:.125rem .5rem;font-size:.7rem}.form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.form-input{background-color:var(--color-surface-solid);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.625rem 1rem;font-size:.875rem}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.form-input:disabled{background-color:var(--color-surface-200);color:var(--color-text-tertiary);cursor:not-allowed}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 2px var(--color-error-bg)}.form-hint{color:var(--color-text-tertiary);font-size:.75rem}.form-hint.error{color:var(--color-error)}.table-container{border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);background-color:var(--color-surface-solid);width:100%;box-shadow:var(--shadow-md);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th,.table td{padding:.92rem var(--space-4);border-bottom:1px solid var(--color-surface-border)}.table th{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background-color:var(--color-surface-200);font-size:.75rem;font-weight:600}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--color-surface-hover)}.table td{color:var(--color-text-primary);font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background-color:#06121e6b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.is-open{opacity:1;pointer-events:auto}.modal-content{background:linear-gradient(180deg, var(--color-surface-elevated), var(--color-surface-solid));border:1px solid var(--color-surface-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:32rem;transition:transform var(--transition-base);flex-direction:column;display:flex;transform:scale(.95)translateY(10px)}.modal-overlay.is-open .modal-content{transform:scale(1)translateY(0)}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--color-surface-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600}.modal-close{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none}.modal-close:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:var(--space-5);max-height:60vh;overflow-y:auto}.modal-footer{padding:var(--space-5);border-top:1px solid var(--color-surface-border);justify-content:flex-end;gap:var(--space-3);display:flex}.tooltip-trigger{display:inline-block;position:relative}.tooltip{background-color:var(--color-surface-solid);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);color:var(--color-text-primary);white-space:nowrap;pointer-events:none;opacity:0;z-index:var(--z-tooltip);transition:opacity var(--transition-fast), transform var(--transition-fast);box-shadow:var(--shadow-md);padding:.375rem .75rem;font-size:.75rem;font-weight:500;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.tooltip:after{content:"";border-style:solid;border-width:4px;border-color:var(--color-surface-border) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-trigger:hover .tooltip{opacity:1;transform:translate(-50%)translateY(-4px)}.status-indicator{align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot--online{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success-bg)}.status-dot--offline{background-color:var(--color-text-tertiary)}.status-dot--warning{background-color:var(--color-warning)}.status-dot--error{background-color:var(--color-error)}.status-dot--syncing{background-color:var(--color-sap-gold);animation:2s infinite pulse}@media (max-width:760px){.btn,.form-input,.filter-option,.icon-btn,.modal-close{min-height:44px}.icon-btn,.modal-close{justify-content:center;align-items:center;min-width:44px;display:inline-flex}.btn{white-space:normal;text-align:center}.table{min-width:720px}.modal-overlay{padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-2) calc(88px + env(safe-area-inset-bottom));background-color:#06121e6b;align-items:flex-start;overflow-y:auto}.modal-content{max-height:calc(100dvh - 104px - env(safe-area-inset-bottom));border-radius:var(--radius-xl);margin:0 auto}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.modal-body{flex:auto;min-height:0;max-height:none}.modal-footer{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));flex-wrap:wrap}.modal-footer .btn{flex:10rem}.tooltip{display:none}}@media (max-width:520px){.modal-overlay{padding:var(--space-2) 0 calc(88px + env(safe-area-inset-bottom))}.modal-content{border-radius:var(--radius-xl);max-height:calc(100dvh - 96px - env(safe-area-inset-bottom))}.modal-body{max-height:none}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes dataFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes syncPulse{0%{box-shadow:0 0 #f0ab0066}70%{box-shadow:0 0 0 10px #f0ab0000}to{box-shadow:0 0 #f0ab0000}}@keyframes pipelineFlow{to{stroke-dashoffset:-20px}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) forwards}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-breathe{animation:4s ease-in-out infinite breathe}.animate-sync{animation:2s infinite syncPulse}.skeleton{background:linear-gradient(90deg, var(--color-surface-200) 25%, var(--color-surface-300) 50%, var(--color-surface-200) 75%);background-size:400% 100%;animation:1.5s infinite shimmer}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.stagger-9{animation-delay:.9s}.stagger-10{animation-delay:1s}.stagger-container>*{opacity:0;will-change:transform, opacity}.reveal-on-scroll{opacity:0;transition:opacity .6s var(--ease-custom), transform .6s var(--ease-custom);will-change:opacity, transform;transform:translateY(30px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .6s var(--ease-custom), transform .6s var(--ease-custom);transform:translate(-30px)}.reveal-left.is-visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .6s var(--ease-custom), transform .6s var(--ease-custom);transform:translate(30px)}.reveal-right.is-visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .6s var(--ease-custom), transform .6s var(--ease-custom);transform:scale(.9)}.reveal-scale.is-visible{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.app-shell{background:radial-gradient(at 88% -6%, #0d6e7e0f, transparent 30rem), var(--color-bg);height:100vh;display:flex;overflow:hidden}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.content-area{padding:var(--space-6);background-color:#0000;background-image:linear-gradient(#1b2a3a09 1px,#0000 1px),linear-gradient(90deg,#1b2a3a06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex:1;overflow-y:auto}@media (max-width:640px){.content-area{padding:var(--space-4)}}.sidebar{background:var(--navy);border-right:1px solid var(--color-surface-border);width:256px;transition:width var(--transition-base);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden;box-shadow:inset -1px 0 #ffffff0f}.sidebar--collapsed{width:76px}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);white-space:nowrap;display:flex}.sidebar-logo{border-radius:var(--radius-lg);background:var(--color-accent);width:36px;height:36px;font-family:var(--font-heading);color:#fff;box-shadow:0 16px 34px -24px var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.sidebar-brand-text{color:var(--text-on-navy);flex-direction:column;line-height:1.1;display:flex}.sidebar-brand-text .brand-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700}.sidebar-brand-text .brand-tag{color:#f3efe580;letter-spacing:.04em;font-size:.7rem}.sidebar-nav{padding:var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:#f3efe566;padding:var(--space-3) var(--space-3) var(--space-2);font-size:.65rem}.nav-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:#f3efe5ad;white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);cursor:pointer;border:1px solid #0000;padding:.625rem .75rem;font-size:.9rem;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--text-on-navy);background:#f3efe514;transform:translate(2px)}.nav-item svg{flex-shrink:0}.nav-item--active{color:var(--accent-soft);background:#6bb3c024;border-color:#6bb3c052}.nav-item--active:before{content:none}.sidebar--collapsed .nav-label,.sidebar--collapsed .sidebar-brand-text,.sidebar--collapsed .sidebar-section-label,.sidebar--collapsed .role-switcher-text{display:none}.sidebar--collapsed .sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-footer{border-top:1px solid var(--color-surface-border);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.role-switcher{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-surface-border);background:var(--color-surface-100);color:var(--color-text-primary);cursor:pointer;width:100%;transition:border-color var(--transition-fast);padding:.625rem .75rem;display:flex}.role-switcher:hover{border-color:var(--color-accent)}.role-switcher-text{text-align:left;flex-direction:column;line-height:1.15;display:flex}.role-switcher-text .rs-role{text-transform:capitalize;font-size:.85rem;font-weight:600}.role-switcher-text .rs-company{color:var(--color-text-tertiary);font-size:.7rem}.user-card{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-surface-border);color:var(--text-on-navy);background:#f3efe512;padding:.5rem .625rem;display:flex;box-shadow:inset 0 1px #ffffff0f}.user-card-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.user-card-text .uc-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex;overflow:hidden}.user-card-text .uc-meta{color:#f3efe580;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.uc-admin{text-transform:uppercase;letter-spacing:.04em;color:var(--color-sap-gold);background:var(--color-sap-bg);border-radius:var(--radius-full);align-items:center;gap:2px;padding:1px 5px;font-size:.6rem;font-weight:700;display:inline-flex}.logout-btn{border-radius:var(--radius-md);color:#f3efe573;cursor:pointer;width:30px;height:30px;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.logout-btn:hover{color:var(--color-danger,#ef4444);border-color:var(--color-surface-border)}.sidebar--collapsed .user-card-text{display:none}.sidebar--collapsed .user-card{justify-content:center;padding-left:0;padding-right:0}.sidebar--collapsed .logout-btn{display:none}.sidebar-sync{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-100);color:#f3efe58c;padding:.5rem .75rem;font-size:.8rem;display:flex}.collapse-btn{width:100%;padding:var(--space-2);border-radius:var(--radius-md);color:#f3efe573;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.collapse-btn:hover{color:var(--text-on-navy);background:#f3efe514}.app-header{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-surface-border);background:var(--navy);-webkit-backdrop-filter:blur(14px);z-index:var(--z-sticky);display:flex}.breadcrumb{align-items:center;gap:var(--space-2);color:#f3efe580;font-size:.85rem;display:flex}.breadcrumb .crumb-current{color:var(--text-on-navy);font-weight:600}.header-search{align-items:center;width:320px;max-width:38vw;margin-left:auto;display:flex;position:relative}.header-search .search-icon{color:#f3efe573;pointer-events:none;position:absolute;left:.75rem}.header-search input{border:1px solid var(--color-surface-border);border-radius:var(--radius-full);width:100%;color:var(--text-on-navy);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#f3efe514;padding:.5rem .75rem .5rem 2.25rem;font-size:.85rem}.header-search input:focus{border-color:var(--accent-soft);outline:none;box-shadow:0 0 0 3px #6bb3c029}.icon-btn{border-radius:var(--radius-md);color:#f3efe5a6;cursor:pointer;width:40px;height:40px;transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{color:var(--text-on-navy);background:#f3efe514}.icon-btn .notif-count{border-radius:var(--radius-full);background:var(--color-error);color:#fff;border:2px solid var(--color-bg);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.avatar{border-radius:var(--radius-full);background:var(--color-accent);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:600;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-surface-border);flex-wrap:wrap;display:flex}.page-title{font-family:var(--font-heading);letter-spacing:0;font-size:clamp(1.8rem,3vw,2.65rem);font-weight:800}.page-subtitle{color:var(--color-text-secondary);margin-top:var(--space-1);max-width:72ch;font-size:.94rem}.kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.section-title{font-family:var(--font-heading);letter-spacing:.01em;margin-bottom:var(--space-4);font-size:1.02rem;font-weight:700}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state .empty-icon{border-radius:var(--radius-full);background:var(--color-surface-200);width:56px;height:56px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.dashboard-grid{gap:var(--space-5);grid-template-columns:2fr 1fr;align-items:start;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.sap-pipeline{align-items:stretch;gap:var(--space-2);flex-wrap:wrap;display:flex}.pipeline-node{gap:var(--space-2);min-width:120px;padding:var(--space-4);background:var(--color-surface-solid);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);animation:fadeInUp var(--transition-slow) both;flex-direction:column;flex:1;display:flex}.pipeline-doc{align-self:flex-start}.pipeline-count{font-family:var(--f-mono);color:var(--color-text-primary);font-size:1.6rem;font-weight:600}.pipeline-label{color:var(--color-text-secondary);font-size:.78rem}.pipeline-bar{border-radius:var(--radius-full);background:var(--color-surface-300);height:4px;overflow:hidden}.pipeline-bar span{background:linear-gradient(90deg, var(--color-accent), var(--color-sap-gold));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);display:block}.pipeline-arrow{color:var(--color-text-tertiary);align-items:center;display:flex}@media (max-width:640px){.pipeline-arrow{display:none}}.activity-feed{gap:var(--space-1);flex-direction:column;display:flex}.activity-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-surface-border);display:flex}.activity-item:last-child{border-bottom:none}.listing-row{align-items:center;gap:var(--space-3);padding:.85rem var(--space-3);border-radius:var(--radius-lg);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);cursor:pointer;border:1px solid #0000;display:flex}.listing-row:hover{background:var(--color-surface-hover);border-color:var(--color-surface-border);transform:translateY(-1px)}.listing-route{align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:600;display:flex}.listing-route .arrow{color:var(--color-text-tertiary)}.meta-stack{flex-direction:column;line-height:1.2;display:flex}.meta-stack .meta-main{color:var(--color-text-primary);font-size:.9rem;font-weight:700}.meta-stack .meta-sub{color:var(--color-text-tertiary);font-size:.73rem}.board-layout{gap:var(--space-5);grid-template-columns:260px 1fr;align-items:start;display:grid}@media (max-width:900px){.board-layout{grid-template-columns:1fr}}.toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);background:var(--color-surface-solid);flex-wrap:wrap;display:flex}.toolbar .toolbar-search{flex:1;min-width:200px}.view-toggle{border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);background:var(--color-surface-200);gap:2px;padding:2px;display:inline-flex;overflow:hidden}.view-toggle button{color:var(--color-text-secondary);cursor:pointer;border-radius:calc(var(--radius-lg) - 3px);transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);padding:.48rem .82rem;font-size:.8rem}.view-toggle button:hover{color:var(--color-text-primary)}.view-toggle button.active{background:var(--color-accent);color:var(--color-text-inverse)}.result-count{color:var(--color-text-tertiary);font-size:.8rem}.freight-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(310px,1fr));display:grid}.freight-card{gap:var(--space-3);flex-direction:column;display:flex}.freight-card .fc-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.freight-card .fc-route{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:1.05rem;font-weight:600;display:flex}.freight-card .fc-route .arrow{color:var(--color-text-tertiary)}.freight-card .fc-sap{color:var(--color-sap-gold);letter-spacing:.02em;font-size:.72rem}.freight-card .fc-meta{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.freight-card .fc-meta .cell{flex-direction:column;display:flex}.freight-card .fc-meta .cell .k{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-size:.68rem}.freight-card .fc-meta .cell .v{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.freight-card .fc-footer{padding-top:var(--space-3);border-top:1px solid var(--color-surface-border);justify-content:space-between;align-items:center;display:flex}.freight-card .fc-price{font-family:var(--f-mono);color:var(--color-accent);font-size:1.15rem;font-weight:600}.badge-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-panel{gap:var(--space-4);top:var(--space-4);background:var(--color-surface-solid);flex-direction:column;display:flex;position:sticky}.filter-group{gap:var(--space-2);flex-direction:column;display:flex}.filter-group .fg-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-size:.72rem;font-weight:600}.filter-option{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast);padding:.4rem .6rem;font-size:.85rem;display:flex}.filter-option:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.filter-option.active{background:var(--color-accent-soft);color:var(--color-accent)}.detail-layout{gap:var(--space-5);grid-template-columns:1fr 340px;align-items:start;display:grid}@media (max-width:1024px){.detail-layout{grid-template-columns:1fr}}.spec-table{width:100%}.spec-table .spec-row{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-surface-border);font-size:.85rem;display:flex}.spec-table .spec-row:last-child{border-bottom:none}.spec-table .spec-row .k{color:var(--color-text-secondary)}.spec-table .spec-row .v{color:var(--color-text-primary);text-align:right;font-weight:600}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.sap-panel{border-color:#f0ab0047;box-shadow:inset 0 1px #f0ab0014}.timeline{flex-direction:column;display:flex}.timeline-item{gap:var(--space-3);padding-bottom:var(--space-5);display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{flex-direction:column;align-items:center;display:flex}.timeline-dot{background:var(--color-accent);width:12px;height:12px;box-shadow:0 0 0 3px var(--color-accent-glow);border-radius:50%;flex-shrink:0;margin-top:3px}.timeline-dot--done{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg)}.timeline-line{background:var(--color-surface-border);flex:1;width:2px;margin:4px 0}.timeline-content{padding-bottom:var(--space-2);flex:1}.timeline-content .tc-status{font-size:.9rem;font-weight:600}.timeline-content .tc-meta{color:var(--color-text-tertiary);font-size:.75rem}.timeline-content .tc-desc{color:var(--color-text-secondary);margin-top:2px;font-size:.82rem}.stepper{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.step-dot{background:var(--color-surface-200);width:26px;height:26px;color:var(--color-text-tertiary);border:1px solid var(--color-surface-border);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.step-dot.active{background:var(--color-accent);color:#fff;border-color:#0000}.step-dot.done{background:var(--color-success);color:#fff;border-color:#0000}.step-bar{background:var(--color-surface-border);flex:1;height:2px}.step-bar.done{background:var(--color-success)}.radio-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);display:flex}.radio-card:hover{border-color:var(--color-accent)}.radio-card.selected{border-color:var(--color-accent);background:var(--color-accent-glow)}.sub-tabs{gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-surface-border);flex-wrap:wrap;display:flex}.sub-tab{appearance:none;font:inherit;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:.6rem 1rem;font-size:.88rem;font-weight:500}.sub-tab:hover{color:var(--color-text-primary)}.sub-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.sync-progress{gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--color-surface-border);flex-direction:column;display:flex}.sync-progress:last-child{border-bottom:none}.sync-track{border-radius:var(--radius-full);background:var(--color-surface-300);height:6px;overflow:hidden}.sync-track span{border-radius:var(--radius-full);height:100%;transition:width var(--transition-base);display:block}.pipeline-flow{align-items:stretch;gap:var(--space-2);padding:var(--space-2) 0;display:flex;overflow-x:auto}.pipeline-col{gap:var(--space-2);flex-direction:column;flex:1;min-width:130px;display:flex}.pipeline-col-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);text-align:center;margin-bottom:var(--space-1);font-size:.7rem;font-weight:600}.pipeline-block{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-100);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);display:flex}.pipeline-connector{flex-direction:column;justify-content:space-around;align-items:center;min-width:28px;display:flex}.pipeline-connector span{background:linear-gradient(90deg, transparent, var(--color-accent), transparent);width:100%;height:2px;position:relative;overflow:hidden}.pipeline-flow--active .pipeline-connector span:after{content:"";background:linear-gradient(90deg, transparent, var(--color-sap-gold), transparent);width:40%;animation:1.4s linear infinite dataFlow;position:absolute;inset:0}.segment-block{padding:var(--space-3);background:var(--color-surface-100);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);gap:var(--space-2);flex-direction:column;display:flex}.segment-fields{gap:var(--space-2);flex-wrap:wrap;display:flex}.segment-field{background:var(--color-surface-solid);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:.15rem .45rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem}.segment-field em{color:var(--color-accent);margin-right:6px;font-style:normal}.code-block{background:var(--sunken);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-primary);white-space:pre;max-height:360px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.74rem;line-height:1.55;overflow:auto}.mapping-editor{flex-direction:column;display:flex}.mapping-head,.mapping-row{gap:var(--space-3);grid-template-columns:1.4fr 1.2fr 1fr;align-items:center;display:grid}.mapping-head{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-surface-border);font-size:.7rem}.mapping-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-surface-border)}.mapping-row:last-child{border-bottom:none}.mapping-source{flex-direction:column;gap:2px;display:flex}.mapping-desc{color:var(--color-text-tertiary);font-size:.72rem}.mapping-transforms{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mapping-arrow{color:var(--color-text-tertiary);margin-left:auto}.field-pill{border-radius:var(--radius-sm);border:1px solid var(--color-surface-border);align-self:flex-start;padding:.2rem .55rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.76rem}.field-pill--source{color:var(--color-sap-gold);background:var(--color-sap-bg);border-color:#f0ab004d}.field-pill--target{color:var(--color-accent);background:var(--color-accent-glow);border-color:#3b82f64d}@media (max-width:700px){.mapping-head{display:none}.mapping-row{gap:var(--space-2);grid-template-columns:1fr}}.upload-zone{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;border:2px dashed var(--color-surface-border);border-radius:var(--radius-xl);background:var(--color-surface-100);transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;display:flex}.upload-zone:hover,.upload-zone.dragging{border-color:var(--color-accent);background:var(--color-accent-glow)}.upload-icon{color:var(--color-accent);font-size:2rem;line-height:1}.upload-spinner{border:3px solid var(--color-surface-300);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.doc-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.doc-card{gap:var(--space-3);align-items:flex-start;display:flex}.doc-icon{border-radius:var(--radius-md);background:var(--color-surface-200);width:44px;height:44px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.msg-thread{gap:var(--space-2);max-height:320px;padding:var(--space-2) 0;flex-direction:column;display:flex;overflow-y:auto}.msg-bubble{border-radius:var(--radius-lg);max-width:78%;padding:.55rem .85rem;font-size:.85rem;line-height:1.35}.msg-bubble--in{background:var(--color-surface-200);border:1px solid var(--color-surface-border);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.msg-bubble--out{background:var(--color-accent);color:#fff;border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.msg-time{opacity:.7;margin-top:2px;font-size:.65rem;display:block}.msg-input{gap:var(--space-2);margin-top:var(--space-3);display:flex}.msg-input input{flex:1}.conn-card-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.conn-parties{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:.85rem;display:flex}.map-loading{height:520px;color:var(--color-text-tertiary);background:var(--sunken);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.leaflet-container{font-family:var(--font-body)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--color-surface-solid);color:var(--color-text-primary);border:1px solid var(--color-surface-border)}.leaflet-popup-content{font-size:.8rem;line-height:1.5}.leaflet-bar a{background:var(--color-surface-solid);color:var(--color-text-primary);border-color:var(--color-surface-border)}.leaflet-bar a:hover{background:var(--color-surface-300)}.login-screen{min-height:100vh;padding:var(--space-6);background:radial-gradient(1200px 600px at 100% -10%, #0d6e7e1a, transparent 60%), radial-gradient(900px 500px at -10% 110%, #9a6c1212, transparent 55%), var(--color-bg);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface-solid);border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-8);box-shadow:var(--shadow-lg,0 24px 60px #00000073)}.login-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.login-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;line-height:1.1}.login-subtitle{color:var(--color-text-tertiary);font-size:.8rem}.login-form{gap:var(--space-2);flex-direction:column;display:flex}.login-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.login-input{background:var(--color-surface-100);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);padding:.6rem .8rem;font-size:.9rem}.login-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow);outline:none}.login-submit{width:100%;margin-top:var(--space-1);justify-content:center}.login-divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-tertiary);font-size:.72rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-surface-border);flex:1;height:1px}.login-accounts{gap:var(--space-4);flex-direction:column;display:flex}.login-account-group{gap:var(--space-2);flex-direction:column;display:flex}.login-account-head{align-items:baseline;gap:var(--space-2);display:flex}.login-account-role{color:var(--color-text-primary);font-size:.8rem;font-weight:700}.login-account-blurb{color:var(--color-text-tertiary);font-size:.7rem}.login-account-btn{align-items:center;gap:var(--space-3);text-align:left;border:1px solid var(--color-surface-border);border-radius:var(--radius-md);background:var(--color-surface-100);cursor:pointer;width:100%;transition:border-color var(--transition-fast), background-color var(--transition-fast);padding:.6rem .7rem;display:flex}.login-account-btn:hover{border-color:var(--color-accent);background:var(--color-accent-glow)}.login-account-icon{border-radius:var(--radius-md);background:var(--color-surface-200);width:34px;height:34px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-account-icon.is-admin{color:var(--color-sap-gold);background:var(--color-sap-bg)}.login-account-info{flex-direction:column;flex:1;min-width:0;display:flex}.login-account-name{align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:600;display:flex}.login-admin-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--color-sap-gold);background:var(--color-sap-bg);border-radius:var(--radius-full);padding:1px 5px;font-size:.58rem;font-weight:700}.login-account-meta{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.login-account-go{color:var(--color-text-tertiary);flex-shrink:0}.login-foot{color:var(--color-text-tertiary);margin-top:var(--space-5);font-size:.7rem;line-height:1.45}@media (max-width:1100px){.sidebar:not(.sidebar--collapsed){width:88px}.sidebar:not(.sidebar--collapsed) .nav-label,.sidebar:not(.sidebar--collapsed) .sidebar-brand-text,.sidebar:not(.sidebar--collapsed) .sidebar-section-label,.sidebar:not(.sidebar--collapsed) .role-switcher-text,.sidebar:not(.sidebar--collapsed) .user-card-text{display:none}.sidebar:not(.sidebar--collapsed) .sidebar-brand,.sidebar:not(.sidebar--collapsed) .user-card{justify-content:center;padding-left:0;padding-right:0}.sidebar:not(.sidebar--collapsed) .logout-btn{display:none}}@media (max-width:900px){.app-header{padding:var(--space-3) var(--space-4);align-items:stretch;gap:var(--space-3);flex-wrap:wrap}.breadcrumb{white-space:nowrap;max-width:calc(100vw - 8rem);overflow:hidden}.breadcrumb .crumb-current{text-overflow:ellipsis;overflow:hidden}.header-search{order:3;width:100%;max-width:none;margin-left:0}.page-header{align-items:stretch;gap:var(--space-3)}.page-header>.flex{flex-wrap:wrap}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr))}.toolbar{align-items:stretch}.toolbar>*{min-width:0}.toolbar .form-input,.toolbar select.form-input{width:100%!important}.toolbar .toolbar-search{flex-basis:100%;min-width:0}.sub-tabs{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:1px;overflow-x:auto}.sub-tab{flex:none;align-items:center;min-height:44px;display:inline-flex}.filter-panel{position:static;max-height:none!important}.freight-grid,.doc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}}@media (max-width:760px){.app-shell{height:100dvh;min-height:100dvh}.main-area{width:100%}.content-area{padding:var(--space-4) var(--space-4) calc(86px + env(safe-area-inset-bottom));min-width:0}.sidebar,.sidebar.sidebar--collapsed,.sidebar:not(.sidebar--collapsed){width:100%;height:calc(72px + env(safe-area-inset-bottom));z-index:var(--z-fixed);border-right:0;border-top:1px solid var(--color-surface-border);background:var(--navy);-webkit-backdrop-filter:blur(14px);position:fixed;bottom:0;left:0;right:0}.sidebar-brand,.sidebar-footer{display:none}.sidebar-nav{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));scrollbar-width:none;flex-direction:row;overflow:auto hidden}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item,.sidebar--collapsed .nav-item{text-align:center;flex-direction:column;justify-content:center;gap:.2rem;min-width:74px;min-height:54px;padding:.4rem .45rem;font-size:.68rem}.nav-item:hover{transform:none}.nav-label,.sidebar--collapsed .nav-label{text-overflow:ellipsis;max-width:68px;display:block;overflow:hidden}.app-header{position:sticky;top:0}.page-title{font-size:clamp(1.45rem,8vw,2rem)}.page-subtitle{font-size:.86rem}.card{padding:var(--space-4);border-radius:var(--radius-lg)}.view-toggle{width:100%;overflow-x:auto}.view-toggle button{flex:1 0 auto;min-height:44px}.listing-row{align-items:flex-start}.freight-card .fc-top,.freight-card .fc-footer,.conn-card-head{flex-direction:column;align-items:flex-start}.freight-card .fc-meta{grid-template-columns:1fr}.spec-table .spec-row{align-items:flex-start;gap:var(--space-1);flex-direction:column}.spec-table .spec-row .v{text-align:left;overflow-wrap:anywhere}.timeline-item{gap:var(--space-2)}.tracking-map,.map-loading{height:min(440px,58dvh)!important}}@media (max-width:520px){.content-area,.app-header{padding-left:var(--space-3);padding-right:var(--space-3)}.breadcrumb{max-width:calc(100vw - 6rem);font-size:.78rem}.kpi-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}.card--metric{min-height:112px}.card--metric .metric-value{font-size:1.55rem}.empty-state{padding:var(--space-6) var(--space-3)}.msg-input{flex-direction:column}.msg-input .btn{width:100%}.tracking-map,.map-loading{height:340px!important}}@media (max-width:380px){.kpi-grid{grid-template-columns:1fr}.nav-item,.sidebar--collapsed .nav-item{min-width:68px}}
.search-compare{gap:var(--space-5);flex-direction:column;display:flex}.sc-head{justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-surface-border);flex-wrap:wrap;align-items:flex-start;display:flex}.sc-form{gap:var(--space-4);grid-template-columns:repeat(4,minmax(150px,1fr));display:grid}.sc-form .form-group,.sc-quantity .form-group{margin-bottom:0}.sc-quantity{align-items:flex-end;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);background:var(--color-surface-solid);flex-wrap:wrap;display:flex}.sc-qty-field{width:150px}.sc-results{gap:var(--space-3);flex-direction:column;display:flex}.sc-summary{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-200);border:1px solid var(--color-surface-border);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.84rem;display:flex}.sc-summary span{align-items:center;gap:var(--space-2);display:inline-flex}.sc-offer{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);background:var(--color-surface-solid);transition:transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);grid-template-columns:minmax(0,1fr) auto auto auto;display:grid}.sc-offer-hint{color:var(--color-text-tertiary);white-space:nowrap;font-size:.72rem}.link-btn{color:var(--color-accent);font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.sc-offer:hover{border-color:var(--color-accent);background:var(--color-surface-hover);transform:translateY(-1px)}.sc-price{font-family:var(--f-mono);color:var(--color-accent);font-size:1.05rem;font-weight:600}@media (max-width:900px){.sc-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.sc-form,.sc-offer{grid-template-columns:1fr}.sc-qty-field{width:100%}}@media (max-width:760px){.sc-head,.sc-summary,.sc-quantity{flex-direction:column;align-items:stretch}.sc-summary span,.sc-offer .btn{width:100%}}
.carrier-step{gap:var(--space-3);flex-direction:column;display:flex}.carrier-step-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.carrier-search{flex:1;width:auto;min-width:220px;max-width:none;margin-left:0}.carrier-list{gap:var(--space-2);flex-direction:column;max-height:320px;padding-right:2px;display:flex;overflow-y:auto}.carrier-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);background:var(--color-surface-solid);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);display:flex}.carrier-card:hover,.carrier-card.selected{border-color:var(--color-accent);background:var(--color-accent-soft);transform:translateY(-1px)}.carrier-card--one-time{border-color:var(--color-sap-gold);background:var(--color-sap-bg);cursor:default}.carrier-icon{border-radius:var(--radius-md);background:var(--color-surface-200);width:34px;height:34px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.otc-banner{padding:var(--space-3);border:1px solid var(--color-sap-gold);border-radius:var(--radius-md);background:var(--color-sap-bg);color:var(--color-sap-gold);margin-bottom:var(--space-4);font-size:.82rem}.otc-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.otc-grid .form-group{margin-bottom:0}@media (max-width:640px){.carrier-card{flex-direction:column;align-items:flex-start}.otc-grid{grid-template-columns:1fr}}@media (max-width:760px){.carrier-step-head,.carrier-search{width:100%}.carrier-list{max-height:min(48dvh,360px)}}
.requirements-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(330px,1fr));display:grid}.requirement-card{gap:var(--space-3);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.requirement-card-main{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex}.req-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.req-card-top .meta-main{align-items:center;gap:var(--space-2);display:flex}.req-card-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.req-card-grid .cell{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-200);border:1px solid var(--color-surface-border);flex-direction:column;gap:2px;display:flex}.req-card-grid .k{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.req-card-grid .v{color:var(--color-text-primary);font-size:.84rem;font-weight:600}.req-condition-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.req-condition-list--inline{justify-content:flex-end}.req-condition-pill{border:1px solid var(--accent-mid);background:var(--color-accent-soft);min-height:1.55rem;color:var(--color-text-secondary);border-radius:999px;align-items:center;padding:.25rem .55rem;font-size:.7rem;font-weight:650;line-height:1.15;display:inline-flex}.req-special-conditions{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);background:var(--color-surface-solid);flex-direction:column;display:flex}.req-checkbox-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.req-checkbox{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);background:var(--color-surface-200);color:var(--color-text-secondary);cursor:pointer;display:flex}.req-checkbox input{accent-color:var(--color-accent);margin-top:.18rem}.req-checkbox span{flex-direction:column;gap:.18rem;display:flex}.req-checkbox strong{color:var(--color-text-primary);font-size:.82rem}.req-checkbox small{color:var(--color-text-tertiary);font-size:.72rem;line-height:1.35}.req-card-foot{justify-content:space-between;gap:var(--space-3);color:var(--color-text-tertiary);flex-wrap:wrap;font-size:.76rem;display:flex}.req-card-action{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-surface-border);background:var(--color-surface-200);justify-content:flex-end;display:flex}.req-modal{gap:var(--space-4);flex-direction:column;display:flex}.req-form-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.req-form-grid .form-group,.req-modal>.form-group,.req-quantity .form-group{margin-bottom:0}.req-quantity{align-items:flex-end;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);background:var(--color-surface-solid);flex-wrap:wrap;display:flex}.req-qty-field{width:160px}.req-quantity-summary{color:var(--color-text-secondary);margin-left:auto;font-size:.82rem;font-weight:600}.bid-modal-context{justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-200);border:1px solid var(--color-surface-border);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.82rem;display:flex}.bid-list{gap:var(--space-2);flex-direction:column;display:flex}.bid-group{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.bid-group:last-child{margin-bottom:0}.bid-group-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-accent-soft);border:1px solid var(--accent-mid);flex-wrap:wrap;display:flex}.bid-group-route{font-family:var(--font-heading);color:var(--color-text-primary);font-size:.92rem;font-weight:700}.bid-group-meta{color:var(--color-text-secondary);flex:1;min-width:0;font-size:.78rem}.bid-row--indent{margin-left:var(--space-4)}.form-optional{color:var(--color-text-tertiary);margin-left:var(--space-2);text-transform:none;letter-spacing:0;font-size:.7rem;font-weight:500}.bid-row{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);background:var(--color-surface-solid);transition:transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);grid-template-columns:minmax(0,1fr) auto auto auto;display:grid}.bid-row:hover{border-color:var(--border-strong);background:var(--color-surface-hover);transform:translateY(-1px)}.bid-row--awarded{border-color:var(--color-success);background:var(--color-success-bg)}.bid-price{font-family:var(--f-mono);color:var(--color-accent);text-align:right;font-size:1.05rem;font-weight:600}.bid-actions{gap:var(--space-2);display:flex}.req-award-banner{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--color-success);border-radius:var(--radius-lg);background:var(--color-success-bg);color:var(--color-success);font-weight:600}.marketplace-page .card>.search-compare{background:0 0;border:0;padding:0}.marketplace-page .sub-tabs{z-index:2;padding-top:var(--space-2);background:linear-gradient(180deg, var(--color-bg), #f3efe5d6);-webkit-backdrop-filter:blur(10px);position:sticky;top:0}.carrier-rate-card{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex;position:relative;overflow:hidden}.carrier-rate-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-mid), transparent);opacity:.7;height:1px;position:absolute;inset:0 0 auto}.carrier-rate-card--compact{padding:var(--space-4)}.rate-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.rate-card-top .meta-main{align-items:center;gap:var(--space-2);display:flex}.rate-card-price{font-family:var(--f-mono);color:var(--color-accent);letter-spacing:0;font-size:1.65rem;font-weight:600;line-height:1}.rate-card-foot{gap:var(--space-1);color:var(--color-text-secondary);flex-direction:column;font-size:.82rem;display:flex}.marketplace-split{gap:var(--space-4);flex-direction:column;display:flex}@media (max-width:760px){.req-form-grid,.req-card-grid,.bid-row{grid-template-columns:1fr}.req-qty-field{width:100%}.req-quantity-summary{margin-left:0}.bid-price{text-align:left}}@media (max-width:900px){.requirements-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.bid-row{grid-template-columns:minmax(0,1fr) auto}.bid-row .bid-price{text-align:left;grid-column:1/-1}.bid-row .bid-actions,.bid-row .btn{justify-self:start}}@media (max-width:760px){.marketplace-page .sub-tabs{margin-left:calc(var(--space-4) * -1);margin-right:calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4);top:0}.requirement-card-main,.carrier-rate-card{padding:var(--space-4)}.req-card-top,.rate-card-top{flex-direction:column;align-items:flex-start}.req-condition-pill{max-width:100%}.bid-row{grid-template-columns:1fr;align-items:stretch}.bid-row .btn,.bid-actions,.bid-actions .btn{width:100%}.bid-actions{flex-direction:column}}@media (max-width:520px){.requirements-grid{grid-template-columns:1fr}.req-quantity{align-items:stretch}.req-checkbox{padding:var(--space-3)}.rate-card-price{font-size:1.35rem}}