:root{--navy:#14538a;--navy2:#0a3762;--teal:#1b5f99;--teal-dark:#104f82;--teal-light:#edf5fb;--bg:#f4f7fa;--surface:#fff;--ink:#172b3d;--muted:#627487;--line:#d8e1e8;--shadow:0 8px 24px rgba(14,55,91,.07);--brand-blue:#14538a;--brand-blue-dark:#0a3762;--brand-blue-soft:#edf5fb}
body{background:var(--bg);color:var(--ink);font-family:"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}.topbar{background:#fff;border-bottom:1px solid #dbe4eb;box-shadow:0 2px 12px rgba(10,55,98,.04)}.brand-mark{flex:0 0 180px;width:180px;height:82px;border:0;border-radius:0;background:#fff url('/assets/megaworld-international-logo.jpg') center/contain no-repeat;color:transparent;box-shadow:none;overflow:hidden}.topbar h1{color:var(--brand-blue-dark);font-weight:650;letter-spacing:-.01em}.eyebrow{color:var(--brand-blue);letter-spacing:.16em}.version,.beta,.platform-indicator{background:var(--brand-blue-soft);color:var(--brand-blue-dark);border:1px solid #d5e5f2}.header-link,.header-button,.shell-icon-button,.shell-user-button{background:#f3f6f8;border:1px solid #e0e7ec;color:var(--brand-blue-dark)}.header-link:hover,.header-button:hover,.shell-icon-button:hover,.shell-user-button:hover{background:var(--brand-blue-soft);border-color:#c7dbe9}.sidebar,.production-navigation{background:var(--brand-blue-dark)}.sidebar nav button.active{box-shadow:inset 3px 0 #fff;background:rgba(255,255,255,.12)}.production-navigation button.active{background:#fff;color:var(--brand-blue-dark)}.card,.shell-card,.production-placeholder{border-color:#e0e7ed;border-radius:14px;box-shadow:var(--shadow)}.button{min-height:40px;border-radius:8px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.button.primary{background:var(--brand-blue);color:#fff}.button.primary:hover{background:var(--brand-blue-dark);box-shadow:0 5px 14px rgba(20,83,138,.2)}.button.secondary{background:#eef3f7;color:var(--brand-blue-dark);border:1px solid #dbe4eb}.button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(20,83,138,.22);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(20,83,138,.1)}.data-table th{background:var(--brand-blue-dark);font-weight:650;letter-spacing:.01em}.data-table tbody tr:nth-child(even){background:#fbfcfd}.data-table tbody tr:hover{background:var(--brand-blue-soft)}.workspace-title h2,.card h3,.card h4,.section-heading h3,.production-welcome h2,.shell-card h3{color:var(--brand-blue-dark)}.workspace-title{padding-bottom:18px;border-bottom:1px solid var(--line)}.notice{border-radius:8px}dialog{border-radius:14px}dialog::backdrop{background:rgba(7,31,59,.58);backdrop-filter:blur(2px)}.admin-access{background:linear-gradient(145deg,var(--brand-blue-dark),#14538a)}.trust{background:var(--brand-blue-dark)}.step{background:var(--brand-blue-dark)}.step.done{background:var(--brand-blue)}.option-card:has(input:checked),.discount-card:has(input:checked){border-color:var(--brand-blue);background:var(--brand-blue-soft);box-shadow:0 0 0 2px rgba(20,83,138,.08)}.assigned-project{background:var(--brand-blue-soft);color:var(--brand-blue-dark)}.quick-action.primary{background:var(--brand-blue-dark);border-color:var(--brand-blue-dark)}.application-footer,body>footer{color:#6b7c8c}
@media(max-width:1100px){.brand-mark{flex-basis:142px;width:142px;height:66px}.topbar{gap:9px}.project-context select{min-width:170px}}@media(max-width:760px){.brand-mark{flex-basis:112px;width:112px;height:58px}.topbar h1{font-size:16px}.topbar .eyebrow{font-size:9px}.workspace-title{align-items:flex-start;gap:14px}.workspace-actions{width:100%}.workspace-actions .button{flex:1 1 auto}}