body{margin:0 0 96px;font-family:Monserrat,Arial,sans-serif}.app-shell{text-align:left;gap:0;padding:0;display:grid}:root{--brand-primary:#0b63b8;--brand-banner:#32404f;--brand-header:#32404f}.hero{border:1px solid var(--border);background:var(--social-bg);border-radius:12px;padding:20px}.hero h1{letter-spacing:-.6px;margin:0 0 12px;font-size:34px}.hero p{margin:0 0 16px}.hero button{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);cursor:pointer;border-radius:8px;padding:10px 14px}.hero button:hover{border-color:var(--accent)}.mock-pages{gap:16px;display:grid}.mock-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:18px}.mock-card h2{margin:0 0 8px;font-size:24px}.action{margin-top:10px}.external-actions{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:18px}.external-actions h2{margin-top:0}.external-actions ul{margin:0;padding-left:20px}.joyride-cta{font-weight:700}.joyride-cta b{color:var(--brand-primary)}.header-nav{background:#fff;max-width:1100px;margin:12px auto 0}.header-nav>img,.header-nav>a>img{cursor:pointer;height:36px;margin-left:20px}.header-nav__profile{float:right;align-items:center;margin-right:20px;display:flex}.profile-link{border:1px solid var(--brand-primary);cursor:pointer;color:#5b5b5b;border-radius:20px;height:20px;padding:6px 16px 4px}.help-link{color:var(--brand-primary);cursor:pointer;margin-right:12px}.dropdown{display:inline-block;position:relative}.dropdown-list{border:1px solid var(--brand-primary);background:#fff;border-radius:8px;margin:0;padding:0;list-style:none;position:absolute;top:40px;right:0;box-shadow:0 6px 18px #0b63b81f}.dropdown-list li{width:100%}.dropdown-list li a{color:#333;padding:10px 18px;font-family:Monserrat,Arial,sans-serif;text-decoration:none;display:block}.dropdown-list li a:hover{color:var(--brand-primary)}.dropdown-list li.active a{color:#fff;background-color:#007bff;font-weight:700}.footer{background:var(--brand-banner);text-align:center;padding:20px 0 0}.footer .footer-logo{height:36px}.footer p{color:#fff;margin:0;padding:10px;font-size:14px;display:none}.footer a{color:#fff;margin-left:auto;padding:10px 30px;font-weight:600;text-decoration:none;display:inline-block}.sub-footer{background:var(--brand-primary);text-align:center;color:#fff;margin-top:20px;padding:12px}@media (width<=900px){.header-nav>img{margin-left:12px}}:root{--card-width:420px;--card-bg:var(--brand-banner);--input-bg:#fff;--button-bg:#d0d0d0;--button-text:#000}html,body,#root{height:100%}.login-page{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;margin-top:100px;font-family:Monserrat,Arial,sans-serif;display:flex}.login-logo{width:420px;margin-bottom:20px}.login-card{width:var(--card-width);background:var(--card-bg);color:#fff;box-sizing:border-box;text-align:center;border-radius:8px;max-width:90vw;padding:20px;box-shadow:0 6px 18px #0b63b81f}.login-title{margin-bottom:14px;font-weight:600}.login-form{flex-direction:column;align-items:center;gap:12px;display:flex}.login-input,.otp-input{background:var(--input-bg);box-sizing:border-box;border:none;border-radius:6px;width:90%;height:36px;padding:6px 10px}.login-continue{background:var(--button-bg);width:90%;height:36px;color:var(--button-text);cursor:pointer;border:none;border-radius:6px;font-weight:600}.warning{color:red;margin-top:40px;font-size:18px}@media (width<=480px){.login-card{padding:16px}.login-title{font-size:14px}}.orders-page{background:#fff;min-height:100vh}.orders-hero{background:var(--brand-banner);color:#fff;margin-bottom:20px;padding:20px 0}.orders-hero h2{max-width:1140px;margin:0 auto 10px;font-size:24px}.orders-hero p{max-width:1140px;margin:0 auto;font-size:14px}.orders-inner{align-items:flex-start;gap:24px;max-width:1100px;margin:0 auto;padding:20px 24px;display:flex}.orders-main{flex:1}.orders-aside{width:300px}.breadcrumbs{color:var(--brand-primary);border-bottom:1px solid var(--brand-primary);gap:40px;margin-bottom:10px;font-size:13px;display:flex}.breadcrumbs a{color:var(--brand-primary);padding-bottom:5px;text-decoration:none}.breadcrumbs a.active{border-bottom:3px solid var(--brand-primary)}.orders-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.order-title{color:var(--brand-header);margin:0;font-size:28px}.order-sub{color:#666;font-size:13px}.order-status{color:#333;font-size:14px}.section{margin:18px 0}.section h3{color:var(--brand-header);margin:30px 0 10px;font-size:24px}.section-files{flex-wrap:wrap;gap:12px;display:flex}.btn-primary{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 12px}.btn-secondary{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:8px;padding:8px 12px}.card{text-align:center;background:#fff;border:1px solid #e6e6e6;border-radius:6px;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex}.card.small{max-width:140px}.card-icon{background:#f4f4f4;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;display:flex}.card-title{font-weight:600}.muted{color:#666;font-size:13px}.doc-list{gap:12px;margin-top:8px;display:flex}.doc-item{text-align:center;border:1px solid #e6e6e6;border-radius:6px;min-width:140px;padding:14px}.doc-type{color:#888;margin-top:6px;font-size:12px;display:block}.action-card{background:#fff;border:1px solid #e6e6e6;border-radius:6px;padding:12px}.action-card h4{margin:0 0 8px}.action-link{color:var(--brand-primary);margin-bottom:6px;font-weight:600;display:block}@media (width<=900px){.orders-inner{flex-direction:column}.orders-aside{width:100%}}.help-page{background:#fff;min-height:100vh}.help-hero{background:var(--brand-primary);color:#fff;margin-bottom:20px;padding:20px 0}.help-hero h2{max-width:1140px;margin:0 auto 10px;font-size:24px}.help-hero p{max-width:1140px;margin:0 auto;font-size:14px}.help-inner{align-items:flex-start;gap:24px;max-width:1100px;margin:0 auto;padding:20px 24px;display:flex}@media (width<=900px){.help-inner{flex-direction:column}}.preferences-page{padding:8px 0 40px}.pref-section{background:#fff;border:1px solid #b8b8b8;border-radius:4px;max-width:1100px;margin:18px auto;overflow:hidden}.pref-header{background:var(--brand-header);color:#fff;padding:12px 18px;font-size:18px;font-weight:600}.pref-body{flex-direction:row;padding:5px 18px;display:flex}.pref-row{border-top:1px solid #b8b8b8;align-items:center;gap:18px;padding:12px 0;display:flex}.pref-row:first-of-type{border-top:0}.pref-row label{color:#222;width:240px;min-width:140px;font-weight:600}.pref-row input{border:1px solid #ddd;border-radius:4px;flex:1;max-width:520px;height:36px;padding:6px 10px}.input-with-actions{align-items:center;gap:8px;width:100%;display:flex}.save-actions{align-items:center;gap:8px;margin-left:8px;display:flex}.save-actions .btn-primary,.modal-actions .btn-primary{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;height:36px;padding:8px 12px}.save-actions .btn-secondary,.modal-actions .btn-secondary{color:#333;cursor:pointer;background:#e6e6e6;border:none;border-radius:6px;height:36px;margin-top:0;padding:8px 12px}.disclaimer{color:gray;font-size:12px}.confirmation-msg{color:#009000;margin-top:8px;font-weight:600}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{box-sizing:border-box;background:#fff;border-radius:8px;width:360px;padding:18px;box-shadow:0 10px 30px #0003}.modal-input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;margin:10px 0;padding:8px 10px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.pref-full-col{width:100%}.btn-group{gap:10px;display:flex}.btn-group-with-value{align-items:center;gap:12px;display:flex}.btn-group-value{color:var(--brand-primary);min-width:90px;font-weight:600}.btn-toggle{cursor:pointer;background:#e9e9e9;border:1px solid #ccc;border-radius:6px;width:100px;padding:12px 16px;font-size:16px}.btn-toggle.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);font-weight:700}.btn-group-value{color:#333;vertical-align:middle;padding:30px 20px;font-weight:600}.muted{color:#666}@media (width<=700px){.pref-row{flex-direction:column;align-items:flex-start}.pref-row label,.pref-row input,.btn-group-with-value{width:100%}}