:root{--mbi-primary: #030303;--mbi-secondary: #de1e37;--mbi-accent: #c8c9c9;font-family:Open Sans,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#2d2d2d;background:#f8f8f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}code{padding:.1rem .35rem;border-radius:.45rem;background:#c8c9c959;color:var(--mbi-primary)}.app-shell{min-height:100vh;padding:32px 20px 56px;background:linear-gradient(#f8f8f8d6,#f8f8f8e6),image-set(url(/assets/background-white-hexagons-6D0exKLG.png) type("image/png"));background-position:center;background-size:cover;background-attachment:fixed;position:relative}.app-shell:before,.app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-shell:before{background:linear-gradient(180deg,#ffffff47,#ffffff14 30%,#fff3);opacity:.65}.app-shell:after{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.95),transparent 34%),radial-gradient(circle at 50% 50%,rgba(222,30,55,.08),transparent 64%);opacity:.92}.panel{width:min(1440px,100%);margin:0 auto;display:grid;gap:24px;position:relative;z-index:1}.panel--login{grid-template-columns:minmax(320px,420px);justify-content:center;justify-items:center;align-content:center;min-height:calc(100vh - 64px);text-align:center}.panel--loading{min-height:calc(100vh - 64px);place-items:center}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:800;color:var(--mbi-secondary)}.panel h1{margin:0;max-width:12ch;font-size:clamp(2.6rem,6vw,5.1rem);line-height:.95;color:var(--mbi-primary);letter-spacing:-.04em}.panel h1:empty{display:none}.lede{margin-top:20px;max-width:58ch;font-size:1.05rem;line-height:1.75;color:#3b3b3b}.brand-shell{display:grid;gap:20px;align-content:start}.panel--login .brand-shell{justify-items:center}.panel--login .brand-logo{width:min(100%,360px);margin-inline:auto}.panel--login .auth-card{width:min(100%,420px)}.brand-logo{width:min(100%,560px);height:auto;display:block;filter:drop-shadow(0 14px 28px rgba(3,3,3,.08))}.panel--portal .brand-shell{justify-items:center;text-align:center}.panel--portal .panel-copy{display:grid;justify-items:center}.panel--portal .brand-logo{margin-inline:auto}.panel--portal .panel h1,.panel--portal h1{max-width:14ch;text-align:center}.panel--portal .lede,.panel--portal .eyebrow{text-align:center}.auth-card,.info-card{padding:30px;border-radius:28px;background:#ffffffe6;border:1px solid rgba(3,3,3,.08);box-shadow:0 20px 40px #03030314,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card,.client-form{display:grid;gap:18px}.client-form--order{gap:22px}.info-card--order-form{background:linear-gradient(180deg,#fffffff5,#f7f4efeb);min-width:0}.form-cluster{display:grid;gap:18px;padding:20px;border-radius:22px;background:linear-gradient(180deg,#fffffff5,#f6f2ecd9);border:1px solid rgba(22,56,76,.08);box-shadow:inset 0 1px #fffffff2,0 10px 22px #16384c0d}.targeting-panel{display:grid;gap:18px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#16384c0d,#ffffffe0);border:1px solid rgba(22,56,76,.1)}.form-section-heading{display:grid;gap:6px;margin-top:4px}.form-section-heading strong{color:var(--mbi-primary);font-size:1rem}.field{display:grid;gap:8px;text-align:left}.field span,.card-label,.client-meta dt{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#666}.field input,.field textarea,.field select{width:100%;box-sizing:border-box;border:1px solid rgba(3,3,3,.14);border-radius:14px;padding:15px 16px;font:inherit;color:var(--mbi-primary);background:#fffffffa;resize:vertical}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mbi-primary) 50%),linear-gradient(135deg,var(--mbi-primary) 50%,transparent 50%),linear-gradient(180deg,#fffffffa,#fffffffa);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px),0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;padding-right:40px}.field-select-multi{min-height:220px;padding-right:16px;background-image:none}.field--file input{padding:18px;border-style:dashed;background:linear-gradient(180deg,#fffffffa,#f7f4efeb)}.field-grid{display:grid;gap:16px}.field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid--order-basics{grid-template-columns:repeat(4,minmax(0,1fr))}.field input:focus,.field textarea:focus,.field select:focus{outline:3px solid rgba(222,30,55,.16);border-color:var(--mbi-secondary)}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:999px;padding:14px 18px;font:inherit;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{color:#fff;background:linear-gradient(135deg,#b7152b 0%,var(--mbi-secondary) 100%);box-shadow:0 12px 24px #de1e3738}.primary-button:disabled{cursor:wait;opacity:.7}.secondary-button{color:var(--mbi-primary);background:#c8c9c94d;border:1px solid rgba(3,3,3,.08)}.ghost-button{color:var(--mbi-secondary);background:#de1e3714;border:1px solid rgba(222,30,55,.16)}.form-message{margin:0;padding:12px 14px;border-radius:14px;border:1px solid transparent}.form-message--error{color:#8f1226;background:#de1e371a;border-color:#de1e372e}.form-message--success{color:var(--mbi-primary);background:#c8c9c938;border-color:#03030314}.info-bar,.section-heading,.card-actions,.client-list-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.info-bar{padding:14px 18px;border-radius:20px;background:#ffffffd1;border:1px solid rgba(3,3,3,.08)}.dashboard-grid{display:grid;gap:24px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-stat{padding:18px 20px;border-radius:22px;background:#ffffffeb;border:1px solid rgba(3,3,3,.06);box-shadow:0 14px 30px #0303030f}.dashboard-stat--attention{background:linear-gradient(180deg,#fff3f4fa,#fffffff5);border-color:#de1e371f}.dashboard-stat--calm{background:linear-gradient(180deg,#f4f9fcfa,#fffffff5);border-color:#16384c1a}.dashboard-stat--success{background:linear-gradient(180deg,#f5fbf6fa,#fffffff5);border-color:#3978521f}.dashboard-stat__label,.snapshot-grid dt{display:block;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6a6a6a}.dashboard-stat__value{display:block;margin-top:12px;font-size:clamp(1.9rem,3vw,2.5rem);color:var(--mbi-primary)}.dashboard-grid--bottom{grid-template-columns:minmax(760px,1.45fr) minmax(420px,.85fr);align-items:start}.css-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.78fr);gap:24px;align-items:start}.css-workspace__main,.css-workspace__side{display:grid;gap:24px}.card-title{display:block;margin-top:10px;font-size:1.55rem;color:var(--mbi-primary)}.support-copy,.info-card p{margin-top:14px;color:#4b4b4b}.client-list{margin-top:20px;display:grid;gap:14px}.client-list-item{padding:16px;border-radius:18px;background:linear-gradient(180deg,#fffffff2,#f2f2f2eb);border:1px solid rgba(3,3,3,.06)}.client-list-item--priority{background:linear-gradient(180deg,#fff6f7fa,#fffffff2);border-color:#de1e371f;box-shadow:0 12px 24px #de1e3714}.client-list-item h2{margin:0;font-size:1.28rem;color:var(--mbi-primary)}.client-badge,.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:6px 10px;border-radius:999px;font-weight:700}.client-badge{background:#c8c9c96b;color:var(--mbi-primary)}.status-pill{background:#de1e371f;color:var(--mbi-secondary);text-transform:capitalize}.status-pill--neutral{background:#16384c14;color:var(--mbi-primary)}.order-pill-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.orders-toolbar{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,.5fr);gap:16px;margin-top:18px;margin-bottom:4px}.orders-toolbar__status{min-width:0}.order-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.order-actions__field{min-width:200px}.info-card--orders{padding:32px}.info-card--snapshot{background:linear-gradient(180deg,#fffffff5,#f6f2ece0)}.snapshot-grid{margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.snapshot-grid dd{margin:6px 0 0;color:var(--mbi-primary);line-height:1.45}.client-meta{margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-meta dd{margin:6px 0 0;font-size:1.04rem;color:var(--mbi-primary)}.order-details-grid{margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-details-grid div{padding:12px;border-radius:14px;background:#ffffffb8;border:1px solid rgba(3,3,3,.06)}.order-details-grid dt{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#666}.order-details-grid dd{margin:6px 0 0;color:var(--mbi-primary);line-height:1.45}.client-notes{margin-top:16px;color:#3f3f3f}.pdf-preview-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pdf-preview-grid--history{margin-top:18px}.pdf-preview-card{display:grid;gap:10px;padding:14px;border-radius:18px;background:#ffffffd1;border:1px solid rgba(3,3,3,.08)}.pdf-preview-card__title{color:var(--mbi-primary);font-size:1rem}.pdf-preview-frame{aspect-ratio:4 / 5;overflow:hidden;border-radius:14px;border:1px solid rgba(3,3,3,.08);background:#f2f2f2}.pdf-preview-frame canvas{width:100%;height:100%;display:block;background:#fff}.pdf-preview-fallback{width:100%;height:100%;display:grid;place-items:center;padding:16px;text-align:center;color:#666;background:linear-gradient(180deg,#fffffff5,#e9e9e9e6)}.pdf-preview-card__meta{margin:0;font-size:.92rem;line-height:1.5;color:#4b4b4b;word-break:break-word}.pdf-preview-card__link{color:var(--mbi-secondary);text-decoration:none;font-weight:700}.pdf-preview-card__link:hover{text-decoration:underline}@media (max-width: 900px){.panel--login,.dashboard-stats,.css-workspace,.dashboard-grid--bottom,.field-grid--two,.field-grid--order-basics,.field-grid--three,.client-meta,.snapshot-grid,.orders-toolbar,.order-details-grid,.pdf-preview-grid,.info-bar,.section-heading,.client-list-top{grid-template-columns:1fr}.panel h1{max-width:none}.info-bar,.section-heading,.client-list-top{flex-direction:column;align-items:flex-start}.order-pill-group{justify-content:flex-start}}
