/* MiiSoft identity: midnight blue, signal lime, and a restrained cobalt accent. */
:root {
  --page: #090f1b;
  --ink: #eef4ff;
  --muted: #99a9bf;
  --line: #243249;
  --lime: #c4f45c;
  --green: #c4f45c;
  color-scheme: dark;
}
body { background: var(--page); }
.header-account {display:flex;align-items:center;gap:24px}
.signin-link {font-size:12px;color:#a9bedb}
.signin-link:hover {color:var(--lime)}
body:not(.auth-page) {
  background-image: radial-gradient(ellipse 650px 450px at 86% 9%, #2854a51c, transparent 75%);
}
::selection { background: #c4f45c; color: #101b15; }
.site-header { background: #090f1bf2; border-bottom-color: #ffffff12; }
.brand-icon img { filter: brightness(0) invert(1); }
.brand-period, .app-wordmark > span { color: var(--lime); }
.desktop-nav { color: #a8b6cb; }
.desktop-nav a:hover { color: var(--lime); }
.header-cta {
  color: #101a18;
  background: var(--lime);
  border: 1px solid var(--lime);
  border-radius: 5px;
  padding: 10px 17px;
}
.header-cta:hover { background: #d4ff7f; }
.menu-toggle span { background: #edf5ff; }
.mobile-nav:not([hidden]) { background: #0e1828; }
.eyebrow { color: #afc2da; }
.status-dot { background: var(--lime); box-shadow: 0 0 12px #c4f45c40; }
.hero { position: relative; }
.hero:after {
  content: '';
  position: absolute;
  top: 35px; right: 0;
  width: 265px; height: 200px;
  background-image: linear-gradient(#a8c1f008 1px, transparent 1px), linear-gradient(90deg, #a8c1f008 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: -1;
  mask-image: linear-gradient(140deg, transparent, #000, transparent);
}
h1 > span { color: var(--lime); }
.hero-aside .section-index { color: #8095b0; }
.hero-aside p { color: #b7c5d8; }
.text-link { color: #dce9fa; border-color: #455f80; }
.text-link > span { color: var(--lime); }
.button-dark { background: var(--lime); color: #142016; }
.button-dark:hover { background: #d4ff7f; }
.hero-note { color: #8e9fb7; }
.hero-caption { color: #b4c5dd; }
.hero-caption i { color: #4c6688; }
.demo-topline { color: #8da2bf; }
.workspace {
  background: #101b2d;
  border-color: #2d4566;
  box-shadow: 0 20px 90px -35px #1d5ba855;
}
.app-sidebar { background: #0c1524; border-color: #283750; }
.workspace-label, .app-sidebar > .workspace-label { color: #748bac; }
.app-nav { color: #90a5c2; }
.app-nav:hover { background: #18263b; }
.app-nav.active { background: #c4f45c; color: #1a2b18; }
.sidebar-bottom { border-color: #25374f; color: #c3d1e5; }
.sidebar-bottom small { color: #6f88a8; }
.demo-avatar { background: #263853; color: #b7d39f; }
.breadcrumb { color: #7189ac; }
.breadcrumb span { color: #3f5677; }
.tiny-dot { background: #c4f45c; }
.demo-badge { border-color: #385142; color: #bdd99e; background: #1d302533; }
.metrics > div { border-color: #2a3952; }
.metrics > div > span { color: #91a6c2; }
.metrics strong { color: #f4f8ff; }
.metrics strong > span { color: #879fbe; }
.metrics > div:first-child strong > span { color: #c4f45c; }
.metrics small { color: #8297b3; }
.mini-dot { background: #a9de5d; }
.metrics strong > .amber-dot { background: #f2bb65; }
.table-toolbar { border-color: #2b3c56; }
.filter-tabs button { color: #7f98bb; }
.filter-tabs button.selected { color: #e0edff; }
.filter-tabs button.selected:after { background: var(--lime); }
.filter-tabs button span { background: #263752; color: #b3c9e7; }
.exchange-filter select { background: #122039; border-color: #304665; color: #a5bcda; }
.order-table th { color: #6f88ad; }
.order-table td { border-color: #23324a; color: #dce8f8; }
.order-table tr.selected td { background: #1e342b; }
.order-table tr.selected td:first-child { box-shadow: inset 2px 0 #c4f45c; }
.order-table td:first-child small { color: #7992b3; }
.side-tag.buy { color: #b7ee91; background: #27412c; }
.side-tag.sell { color: #b7b4ff; background: #2f2c50; }
.doc-progress { color: #a7bba1; }
.doc-progress > i { background: #b9e966; }
.doc-progress.incomplete { color: #e1bd83; }
.doc-progress.incomplete > i { background: #efb961; }
.order-open { color: #9dbe76; }
.order-open:hover { background: #30482d; }
.table-foot { color: #7189a8; border-color: #293b54; }
.order-detail { background: #12223a; border-color: #2b4160; }
.detail-top { color: #dceafd; }
.detail-top > span { color: #7b97bb; }
.detail-value { color: #edf6ff; }
.detail-meta { color: #7f9abd; }
.detail-divider { border-color: #2d4260; }
.detail-label { color: #849cbb; }
.detail-label b { color: #c4f45c; }
.detail-steps { color: #a3b7cf; }
.detail-steps li > span:last-child { color: #bcf278; }
.detail-steps .not-done, .detail-steps .not-done > span:last-child { color: #e4b76c; }
.detail-state { background: #273d28; color: #c0e69e; }
.detail-state.attention { background: #3a3223; color: #e7c186; }
.workspace-bottom > span:first-child { color: #95aac7; }
.workspace-bottom p { color: #6e87aa; }
.workspace-bottom > span:last-child { color: var(--lime); }
.contact-grid article { border-color: #2b3e59; background: #132239; }
.contact-avatar { background: #2a3d37; color: #c4f45c; }
.contact-status { color: #a6cf7b; }
.contact-status.missing { color: #e5b977; }
.analytics-preview strong > span { color: #c4f45c; }
.bar-chart { border-color: #2b4262; }
.bar-chart i { background: #4c68c3; }
.bar-chart i:last-child { background: #c4f45c; }
.chart-days { color: #7d99bf; }
.analytics-note { background: #192a44; }
.large-asterisk { color: #c4f45c; }
.analytics-note p { color: #9cb1cf; }
.section-index { color: #839bbd; }
.section-heading h2 span, .integrations-section h2 span { color: #829bc0; }
.section-heading > p { color: #8ca2c1; }
.feature-card { border-color: #314560; }
.feature-number { color: #a1bbd9; }
.feature-card > p { color: #94a8c4; }
.feature-tag { color: #c4f45c; }
.order-art > div { border-color: #344d70; background: #16243a; color: #c2d4eb; box-shadow: 0 8px 25px -12px #000; }
.order-art > div > span { background: #293e31; color: #c4f45c; }
.order-art b { color: #c4f45c; }
.paper { background: #b8cdfb; border-color: #c9d9fa; color: #172e58; box-shadow: 0 15px 30px -15px #000; }
.paper > i { background: #7f9dce; }
.paper > b { background: #8caaf0; color: #193f8b; }
.back-paper { background: #324d85; border-color: #46669f; }
.folder-shape, .folder-shape:before { background: #c4f45c; border-color: #ddff9a; }
.folder-shape > span { color: #435e25; }
.archive-label { color: #8ca4c5; }
.process-section { background: #101b2b; color: #e7eef8; border-block: 1px solid #22334b; }
.process-section .section-index { color: #8da4c1; }
.process-intro > p, .process-steps p { color: #9aacc4; }
.process-decoration { color: #324761; }
.process-steps article { border-color: #2b3c53; }
.process-steps article > span:first-child { color: #b0cf7a; }
.process-steps article > span:last-child { color: #788da8; }
.roadmap-note { color: #8499b5; border-color: #2b3c53; }
.roadmap-note .status-dot { background: #9db979; box-shadow: none; }
.integrations-section p { color: #8ea6c5; }
.outline-tag { color: #c4f45c; border-color: #466030; background: #24331b44; }
.integration-mark { background: #172a48; border-color: #2c4467; color: #bcd4fa; }
.integration-list strong > span { color: #435d82; }
.integration-list > div > span:last-child { color: #819cbf; }
.faq-list summary > span { color: #c4f45c; }
.faq-list p { color: #8da4c3; }
.closing { background: #111e30; color: #e7eef8; border: 1px solid #293b54; }
.closing > .section-index { color: #8da4c1; }
.closing h2 > span { color: #c4f45c; }
.closing-symbol { opacity: .06; }
.closing-symbol img { filter: brightness(0) invert(1); }
.free-plan-description {position:relative;z-index:1;max-width:510px;font-size:13px;line-height:1.85;color:#a3b5ce;margin:0 0 24px}
.free-plan-offer {position:relative;z-index:1;display:flex;align-items:center;gap:35px}
.free-plan-price {font-size:32px;font-weight:500;letter-spacing:-1px;white-space:nowrap}
.free-plan-price small {display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#8ea5c5;margin-top:5px}
.free-plan-note {position:relative;z-index:1;max-width:610px;font-size:10px;line-height:1.8;color:#7f98b9;margin:23px 0 0}
.footer > span { color: #8197b6; }
.footer > small { color: #617a9b; }
.skip:focus { background: #c4f45c; color: #152111; }

/* Registration shares the same identity, with high-contrast form surfaces. */
.auth-story {
  background: radial-gradient(ellipse at 0 65%, #284a7733, transparent 65%), #111e31;
  border-color: #233750;
}
.auth-story-content > .section-index { color: #809abd; }
.auth-story h1 span { color: #c4f45c; }
.auth-story-content > p { color: #8ea7c8; }
.story-step { color: #617fa4; }
.story-step b { border-color: #354d70; }
.story-step.current { color: #c8e8a3; }
.story-step.current b { background: #c4f45c; color: #203817; border-color: #c4f45c; }
.auth-story-footer { color: #617fa1; }
.auth-story-footer > span:last-child { color: #c4f45c; }
.auth-top { color: #7b94b5; }
.auth-top > a { color: #94aac9; }
.auth-kicker { color: #8da7cc; }
.auth-card h2 > span { color: #c4f45c; }
.auth-description { color: #8ca3c3; }
.auth-debug { background: #273022; border-color: #455a31; }
.debug-label { color: #c4f45c; border-color: #526b3b; }
.auth-debug p { color: #9bb088; }
.auth-debug strong { color: #d6ff92; }
.auth-field label { color: #c9d7ec; }
.auth-field input { background: #111e31; border-color: #2f4360; color: #eaf3ff; }
.auth-field input::placeholder { color: #627e9f; }
.auth-field input:focus { border-color: #b4df62; box-shadow: 0 0 0 3px #b1ed6020; }
.auth-field input[aria-invalid=true] { border-color: #e29279; }
.auth-field small { color: #7891b2; }
.password-toggle { color: #89a6cb; }
.password-toggle:hover { color: #c4f45c; }
.auth-form-note { color: #6e89aa; }
.auth-footer { color: #5f7b9d; }
.field-error { color: #ffb19a; }
.form-error { background: #392423; border-color: #70453f; color: #ffc2af; }
.verification-recipient { color: #8ba4c5; }
.verification-recipient strong { color: #d0e1fa; }
.auth-field .code-input::placeholder { color: #3d587b; }
.auth-back { color: #8ba5c8; }
.auth-back:hover { color: #c4f45c; }
.success-icon { background: #233c24; border-color: #617b3f; color: #c4f45c; }
.auth-success > p { color: #93aac9; }
.auth-success .success-debug { color: #8fbc6d; border-color: #2d423a; }
.auth-loading { color: #8ea7c9; }
@media(max-width:800px) {
  .app-sidebar { border-bottom-color: #283b55; }
  .header-account {margin-left:auto;gap:17px}
}
@media(max-width:540px) {
  .header-cta { padding: 7px 10px; }
  .hero:after { width: 160px; right: 0; opacity: .65; }
  .header-account {gap:13px}
  .signin-link {font-size:10px}
  .closing h2 {font-size:34px;letter-spacing:-1.5px}
  .free-plan-description {font-size:11px}
  .free-plan-offer {gap:20px;flex-wrap:wrap}
  .free-plan-price {font-size:29px}
  .free-plan-note {font-size:9px}
}