:root{--moc-dark:#101418;--moc-dark2:#171d23;--moc-bg:#f3f5f7;--moc-card:#fff;--moc-text:#18212a;--moc-muted:#65717d;--moc-line:#dce2e7;--moc-accent:#d62f62;--moc-green:#18864b;--moc-radius:18px}
.moc-app-page{min-height:100vh;background:var(--moc-bg);color:var(--moc-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column}
.moc-app-header{min-height:78px;background:var(--moc-dark);display:flex;align-items:center;justify-content:space-between;padding:10px clamp(18px,4vw,52px);gap:24px;box-shadow:0 2px 12px #0002;position:relative;z-index:10}
.moc-brand{display:flex;align-items:center;gap:14px;color:#fff!important;text-decoration:none!important;font-weight:700;font-size:20px;white-space:nowrap}.moc-brand img{width:64px;height:50px;object-fit:cover;object-position:center}.moc-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.moc-welcome{color:#fff;font-weight:600;margin-right:6px}.moc-status{display:inline-flex;align-items:center;gap:7px;color:#dce2e7;font-size:13px;border:1px solid #ffffff2b;border-radius:999px;padding:9px 12px}.moc-status i{width:8px;height:8px;background:#8d98a3;border-radius:50%}.moc-status.is-on i{background:#34c875}.moc-contact-btn,.moc-logout{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border-radius:10px;text-decoration:none!important;font-weight:650}.moc-contact-btn{background:#fff;color:var(--moc-dark)!important}.moc-logout{color:#fff!important;border:1px solid #ffffff42}
.moc-login-stage{flex:1;display:grid;place-items:center;padding:42px 20px}.moc-login-card{width:min(100%,470px);background:var(--moc-card);border:1px solid var(--moc-line);border-radius:var(--moc-radius);box-shadow:0 18px 50px #19232d16;padding:clamp(28px,5vw,48px)}.moc-card-logo{display:block;width:112px;height:auto;margin:0 auto 20px}.moc-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--moc-accent)}.moc-login-card .moc-eyebrow{text-align:center}.moc-login-card h1{font-size:32px;line-height:1.1;text-align:center;margin:9px 0}.moc-sub,.moc-already-in p{text-align:center;color:var(--moc-muted);margin:0 0 26px}.moc-login-card label{display:block;font-weight:650;margin:0 0 7px}.moc-login-card input[type=text],.moc-login-card input[type=password]{box-sizing:border-box;width:100%;height:50px;border:1px solid #cfd7dd;border-radius:10px;padding:0 14px;font-size:16px;background:#fff}.moc-login-card .login-remember label{display:flex;gap:9px;align-items:center;font-weight:500;color:var(--moc-muted)}.moc-login-card .button-primary,.moc-primary{box-sizing:border-box;width:100%;min-height:50px;border:0;border-radius:10px;background:var(--moc-dark);color:#fff!important;font-size:15px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;text-decoration:none!important;display:flex;align-items:center;justify-content:center;cursor:pointer}.moc-login-links{text-align:center;margin:17px 0}.moc-login-links a{color:var(--moc-accent);font-weight:650}.moc-help{border-top:1px solid var(--moc-line);padding-top:18px!important;margin-top:20px!important;text-align:center;color:var(--moc-muted);font-size:13px}.moc-footer{text-align:center;color:#7b8792;font-size:12px;padding:18px 20px 26px}
.moc-mainnav{width:min(1180px,calc(100% - 40px));margin:0 auto;flex:1;padding:48px 0}.moc-mainnav-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.moc-mainnav h1{font-size:clamp(30px,4vw,44px);margin:7px 0 5px}.moc-mainnav-head p{color:var(--moc-muted);margin:0}.moc-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.moc-nav-card{background:#fff;border:1px solid var(--moc-line);border-radius:16px;min-height:120px;padding:22px;display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;color:var(--moc-text)!important;text-decoration:none!important;box-shadow:0 7px 24px #18212a0b;transition:.18s ease}.moc-nav-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #18212a16;border-color:#bfc9d1}.moc-nav-icon{width:52px;height:52px;border-radius:14px;background:var(--moc-dark);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:700}.moc-nav-card strong{display:block;font-size:18px;margin-bottom:5px}.moc-nav-card small{display:block;color:var(--moc-muted);font-size:14px;line-height:1.4}.moc-nav-card b{font-size:28px;color:#8a96a0}
@media(max-width:820px){.moc-app-header{min-height:auto;align-items:flex-start;padding:12px 18px}.moc-brand span{display:none}.moc-brand img{width:58px;height:45px}.moc-header-actions{gap:8px}.moc-welcome{width:100%;text-align:right;font-size:14px}.moc-status{display:none}.moc-contact-btn,.moc-logout{min-height:44px;padding:0 14px}.moc-mainnav{width:min(100% - 28px,760px);padding:30px 0}.moc-nav-grid{grid-template-columns:1fr}.moc-nav-card{min-height:108px}.moc-login-stage{padding:26px 14px}}
@media(max-width:520px){.moc-app-header{gap:8px}.moc-header-actions{max-width:75%}.moc-welcome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moc-contact-btn,.moc-logout{font-size:13px;padding:0 11px}.moc-login-card{padding:26px 20px;border-radius:14px}.moc-nav-card{grid-template-columns:46px 1fr auto;padding:17px;gap:12px}.moc-nav-icon{width:46px;height:46px}.moc-nav-card strong{font-size:16px}.moc-nav-card small{font-size:13px}}
@media(min-width:821px) and (max-width:1180px){.moc-app-header{padding-left:26px;padding-right:26px}.moc-nav-card{min-height:132px}.moc-contact-btn,.moc-logout{min-height:46px}.moc-mainnav{width:calc(100% - 48px)}}