:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #eaf4ff;
  background: #080e1c;
  font-synthesis: none;
  --ink: #eaf4ff;
  --muted: #91a2bc;
  --line: #ffffff1b;
  --cyan: #69e6eb;
  --deep: #080e1c;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; }
button, input { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.shell { min-height: 100vh; display: grid; grid-template-columns: 244px minmax(0, 1fr); background: radial-gradient(circle at 76% -16%, #17304f 0, transparent 36%), #080e1c; }
.sidebar { position: sticky; top: 0; height: 100vh; min-height: 600px; display: flex; flex-direction: column; padding: 30px 16px 23px; background: #0b1425; border-right: 1px solid var(--line); z-index: 5; }
.sidebar:before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 95%, #70e3f410 100%), radial-gradient(circle at 1px 1px, #a8c8ef13 1px, transparent 0); background-size: auto, 33px 33px; pointer-events: none; }
.sidebar > * { position: relative; }
.brand { display: inline-flex; align-items: center; gap: 12px; width: fit-content; padding: 0 13px; margin-bottom: 72px; }
.brand-symbol { width: 36px; height: 36px; position: relative; display: grid; place-items: center; border: 1px solid #75e8f199; border-radius: 9px; transform: rotate(45deg); box-shadow: inset 0 0 14px #5fe9f525, 0 0 25px #5fe9f51c; }
.brand-symbol:before, .brand-symbol:after { content: ''; position: absolute; width: 20px; height: 20px; border: 1px solid #7ce3ed66; border-radius: 50%; }
.brand-symbol:after { width: 7px; height: 7px; background: #72e6ee; box-shadow: 0 0 13px #72e6ee; }
.brand-symbol span { display: none; }
.brand strong { display: block; font-size: 25px; letter-spacing: -.075em; line-height: 1; font-weight: 760; }
.brand-point { color: var(--cyan); }
.brand small { display: block; margin-top: 6px; font-size: 9px; letter-spacing: .3em; color: #7d91ae; font-weight: 700; }
.sidebar-group { margin-bottom: 36px; }
.sidebar-caption, .section-kicker { display: block; padding: 0 12px; margin-bottom: 14px; font: 700 10px/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .18em; color: #7188a6; }
.primary-nav { display: grid; gap: 5px; }
.sidebar-link { display: flex; align-items: center; gap: 12px; min-height: 45px; padding: 9px 12px; border: 1px solid transparent; border-radius: 9px; color: #a0b3cc; font-size: 13px; font-weight: 600; transition: background .18s, color .18s, border-color .18s; }
.sidebar-link:hover, .sidebar-link[aria-current=page] { color: #f6ffff; background: #123047; border-color: #65ddeb45; }
.sidebar-link[aria-current=page] { box-shadow: inset 3px 0 var(--cyan); }
.nav-glyph { display: inline-grid; place-items: center; width: 23px; color: var(--cyan); font-size: 18px; }
.sidebar-bottom { margin-top: auto; padding: 20px 13px 0; border-top: 1px solid var(--line); }
.sidebar-version { display: flex; align-items: center; gap: 11px; color: #8094b0; font: 600 10px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .12em; }
.live-dot { display: inline-block; flex: none; width: 7px; height: 7px; border-radius: 50%; background: #64e9cb; box-shadow: 0 0 13px #64e9cb; }
.main-column { min-width: 0; }
.topbar { height: 74px; padding: 0 clamp(24px, 4vw, 62px); display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); background: #0b1425bb; backdrop-filter: blur(20px); }
.topbar-left, .account { display: flex; align-items: center; gap: 12px; }
.topbar-location, .topbar-divider { color: #6e89a9; }
.topbar-location { font: 700 11px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .2em; }
.topbar strong { font-size: 13px; }
.account { font-size: 12px; font-weight: 600; }
.account-avatar, .person-avatar { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border: 1px solid #70e8ee5c; border-radius: 9px; color: #85ebf0; background: #143042; }
.account button { background: transparent; border: 1px solid #ffffff30; color: #d7e9f9; border-radius: 8px; padding: 8px 12px; font-size: 12px; }
.account button:hover { border-color: var(--cyan); color: #fff; }
.menu-button { display: none; border: 0; background: none; color: #eaf4ff; font-size: 21px; }
.page { width: 100%; max-width: 1500px; margin: 0 auto; padding: 34px clamp(24px, 4vw, 62px) 25px; }
.hero { position: relative; min-height: 330px; display: flex; align-items: center; overflow: hidden; padding: 42px clamp(38px, 5vw, 78px); border: 1px solid #61b8d04b; border-radius: 19px; background: radial-gradient(ellipse at 72% 50%, #1b3b62 0, #0c1c36 36%, #0b162c 76%), #0b162c; box-shadow: 0 26px 70px #0005, inset 0 0 50px #4de1ee0c; }
.hero:before, .login-story:before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(#b7efff88 .8px, transparent 1px), linear-gradient(#9ad6f10b 1px, transparent 1px), linear-gradient(90deg, #9ad6f10b 1px, transparent 1px); background-size: 43px 47px, 48px 48px, 48px 48px; mask-image: linear-gradient(90deg, transparent, #000 45%); pointer-events: none; }
.hero:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #0b162c 0, #0b162cd4 34%, transparent 73%); pointer-events: none; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #75deec; font: 700 11px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .18em; }
.hero h1, .admin-hero h1, .login-story h1 { margin: 22px 0 26px; font-size: clamp(47px, 5vw, 76px); font-weight: 720; letter-spacing: -.065em; line-height: 1.02; }
.hero h1 em, .admin-hero h1 em { font-style: normal; color: var(--cyan); }
.hero-action, .button { display: inline-flex; align-items: center; justify-content: center; gap: 23px; padding: 12px 17px; min-height: 44px; border: 1px solid #75edf1a1; border-radius: 8px; color: #061722; background: #79e9ec; font-size: 12px; font-weight: 750; transition: transform .18s, box-shadow .18s, background .18s; }
.hero-action:hover, .button:hover { transform: translateY(-2px); box-shadow: 0 8px 26px #51e3ee46; }
.hero-action span { font-size: 17px; }
.universe { position: absolute; inset: 0 0 0 45%; overflow: hidden; }
.universe-glow { position: absolute; width: 490px; height: 490px; top: 49%; left: 56%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, #4ed9ee36, #426eac20 42%, transparent 70%); }
.orbit { position: absolute; top: 50%; left: 56%; border: 1px solid #9bdcff63; border-radius: 50%; transform: translate(-50%, -50%) rotate(-28deg); box-shadow: 0 0 15px #5fe9f516; }
.orbit--outer { width: 680px; height: 250px; }
.orbit--middle { width: 480px; height: 190px; transform: translate(-50%, -50%) rotate(28deg); border-color: #93c3f454; }
.orbit--inner { width: 265px; height: 265px; border-color: #a6eafb47; }
.planet--main { position: absolute; top: 50%; left: 56%; width: 175px; height: 175px; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle at 29% 24%, #ddffff, #8be0ec 9%, #4189bb 39%, #17466e 68%, #0a1a35 100%); box-shadow: inset -20px -24px 34px #041528c9, 0 0 46px #5edaf075, 0 0 130px #4293da53; }
.planet-shine { position: absolute; inset: 25%; border: 1px solid #e2ffff5c; border-radius: 50%; filter: blur(4px); }
.moon { position: absolute; border-radius: 50%; background: #c9ffff; box-shadow: 0 0 18px #8aebfc; }
.moon--one { left: 12%; top: 28%; width: 11px; height: 11px; }
.moon--two { right: 13%; bottom: 23%; width: 17px; height: 17px; background: #a6a9ff; }
.star { position: absolute; width: 3px; height: 3px; background: #fff; border-radius: 50%; box-shadow: 0 0 11px #fff; }
.star--a { left: 25%; bottom: 22%; }.star--b { left: 44%; top: 14%; }.star--c { right: 7%; top: 26%; }
.content-section { padding-top: 43px; }
.section-heading, .panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.section-kicker { padding: 0; margin: 0 0 7px; color: #72d5e7; }
.section-heading h2, .panel-heading h2 { margin: 0; font-size: 28px; font-weight: 700; letter-spacing: -.04em; }
.section-heading p, .panel-heading p { color: var(--muted); font-size: 13px; margin: 7px 0 0; }
.count-pill { color: #9feaf2; background: #143044; border: 1px solid #408ca6; border-radius: 999px; padding: 8px 13px; font: 600 11px ui-monospace, SFMono-Regular, Consolas, monospace; white-space: nowrap; }
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 17px; }
.world-card { display: flex; flex-direction: column; min-height: 265px; overflow: hidden; border: 1px solid #42617d; border-radius: 14px; background: #101e31; transition: transform .2s, border-color .2s, box-shadow .2s; }
.world-card:hover { transform: translateY(-4px); border-color: #76e5ee; box-shadow: 0 14px 45px #0006, 0 0 20px #5ee8ed1c; }
.world-visual { position: relative; display: block; height: 104px; overflow: hidden; background: radial-gradient(circle at 64% 50%, #284c76, #132943 48%, #0d1d30); border-bottom: 1px solid #76e5ee34; }
.world-visual:before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(#91e5f315 1px, transparent 1px), linear-gradient(90deg, #91e5f315 1px, transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(90deg, transparent, #000); }
.world-orbit { position: absolute; left: 62%; top: 54%; width: 245px; height: 75px; border: 1px solid #b2dfff90; border-radius: 50%; transform: translate(-50%, -50%) rotate(-20deg); }
.world-planet { position: absolute; left: 62%; top: 53%; width: 66px; height: 66px; border-radius: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle at 28% 20%, #e0ffff, var(--world-accent) 37%, #132b54 90%); box-shadow: inset -7px -9px 13px #071d3f99, 0 0 26px #73c5ea9c; }
.world-spark { position: absolute; left: 13%; top: 35%; width: 6px; height: 6px; border-radius: 50%; background: #bbffff; box-shadow: 0 0 12px #bbffff; }
.world-body { display: flex; flex: 1; flex-direction: column; padding: 19px 22px 21px; }
.world-type { color: #72cfdc; font: 700 10px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .17em; }
.world-body strong { font-size: 23px; letter-spacing: -.04em; margin: 7px 0 3px; }
.world-description { color: #9dafc6; font-size: 12px; line-height: 1.5; }
.world-open { margin-top: auto; padding-top: 18px; color: #8de8ee; font-size: 12px; font-weight: 700; }
.page-footer { display: flex; justify-content: space-between; margin-top: 55px; padding: 22px 0; border-top: 1px solid var(--line); color: #627892; font: 700 10px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .17em; }
.empty-state { grid-column: 1/-1; padding: 25px; color: var(--muted); background: #122138; border: 1px dashed #496680; border-radius: 12px; font-size: 13px; }
.load-error, .form-error { color: #ff9cab; font-size: 13px; }
.admin-hero { padding: 17px 0 30px; }
.admin-hero h1 { font-size: clamp(38px, 4vw, 60px); margin: 16px 0 8px; }
.admin-hero p { color: var(--muted); margin: 0; font-size: 14px; }
.admin-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 30px; }
.admin-stats > div { padding: 21px 23px; background: #101e31; border: 1px solid #29435d; border-radius: 12px; }
.admin-stats span, .admin-stats small { display: block; font: 700 10px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .12em; color: #8da3be; }
.admin-stats strong { display: block; margin: 8px 0; font-size: 35px; letter-spacing: -.06em; }
.admin-stats small { font-family: inherit; font-weight: 500; letter-spacing: 0; }
.admin-tabs { display: flex; gap: 28px; border-bottom: 1px solid var(--line); margin-bottom: 30px; }
.admin-tabs button { padding: 0 1px 14px; color: var(--muted); background: none; border: 0; border-bottom: 2px solid transparent; font-size: 13px; font-weight: 700; }
.admin-tabs button[aria-selected=true] { color: var(--cyan); border-color: var(--cyan); }
.button--primary { background: #75e5e9; color: #082030; }
.form-panel { background: #101e31; border: 1px solid #35506a; border-radius: 14px; padding: 25px; margin-bottom: 25px; }
.form-heading, .modal-heading { display: flex; justify-content: space-between; align-items: center; }
.form-heading h3 { margin: 0 0 19px; font-size: 21px; }
.icon-button { width: 30px; height: 30px; border: 1px solid #425a75; border-radius: 7px; background: #172a43; color: #d5e8f7; font-size: 20px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-bottom: 14px; }
.form-panel label, .modal label, .login-card label { display: flex; flex-direction: column; gap: 8px; color: #c1d2e4; font-size: 12px; font-weight: 700; }
.form-panel input:not([type=checkbox]), .modal input, .login-card input { width: 100%; height: 44px; padding: 10px 13px; border: 1px solid #38506a; border-radius: 8px; outline: 0; background: #0b1729; color: #f0f8ff; }
input::placeholder { color: #6e849f; }
.form-panel input:focus, .modal input:focus, .login-card input:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px #67e5ee26; }
.form-panel .check-label { flex-direction: row; align-items: center; gap: 10px; min-height: 40px; }
.check-label input, .small-check input { accent-color: #64e1e8; width: 17px; height: 17px; }
.form-help { color: var(--muted); font-size: 12px; }
.form-actions { display: flex; align-items: center; gap: 16px; margin-top: 19px; }
.list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; color: var(--muted); font-size: 11px; }
.search-field { display: flex; align-items: center; gap: 7px; width: min(320px, 100%); height: 42px; padding: 0 12px; background: #101e31; border: 1px solid #38506a; border-radius: 8px; color: #8ca5c0; font-size: 20px; }
.search-field input { width: 100%; border: 0; outline: 0; background: transparent; color: #eaf4ff; font-size: 12px; }
.people-list, .access-list { display: grid; gap: 9px; }
.person-row, .access-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 77px; padding: 15px 20px; background: #101e31; border: 1px solid #29435d; border-radius: 10px; }
.person-row--archived, .access-row--muted { opacity: .64; }
.person-identity, .access-identity { display: flex; align-items: center; gap: 12px; min-width: 160px; }
.person-avatar { width: 38px; height: 38px; font-weight: 700; }
.person-labels { display: flex; flex-direction: column; gap: 3px; }
.person-labels strong, .access-identity span:last-child { font-size: 13px; }
.person-labels span { color: #8299b2; font-size: 10px; }
.person-badges, .person-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.person-actions { justify-content: flex-end; }
.badge { display: inline-block; padding: 6px 9px; color: #91e9de; background: #17433c; border-radius: 99px; font-size: 10px; font-weight: 700; }
.badge--admin { color: #bdc4ff; background: #30365b; }.badge--soft { color: #9ab6d5; background: #26394f; }.badge--muted { color: #e2a6ad; background: #4c2938; }
.text-button { padding: 7px 4px; border: 0; background: transparent; color: #80e7ee; font-size: 11px; font-weight: 700; }
.text-button:hover { text-decoration: underline; }.text-button--danger { color: #ff9cab; }
.small-check { color: #a7b8cb; font-size: 10px; white-space: nowrap; }
.access-head { display: flex; justify-content: space-between; padding: 0 22px 9px; color: #7f98b1; font: 700 10px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .14em; }
.access-head span:last-child { min-width: 160px; text-align: center; }
.access-row { min-height: 70px; align-items: flex-start; }.access-row .access-identity { padding-top: 7px; }
.access-controls { display: grid; gap: 9px; justify-items: end; }
.switch-label { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.switch-label input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.switch-track { position: relative; width: 39px; height: 23px; border-radius: 99px; background: #506174; transition: background .2s; }
.switch-track:after { content: ''; position: absolute; width: 17px; height: 17px; top: 3px; left: 3px; border-radius: 50%; background: #fff; transition: transform .2s; }
.switch-label input:checked + .switch-track { background: #4bc9d3; }.switch-label input:checked + .switch-track:after { transform: translateX(16px); }
.switch-label input:focus-visible + .switch-track { outline: 2px solid var(--cyan); outline-offset: 3px; }.switch-label input:disabled + .switch-track { opacity: .6; }
.switch-state { min-width: 100px; color: #9bb0c6; font-size: 11px; }.access-app-name { min-width: 95px; text-align: right; color: #c6d8e9; font-size: 11px; font-weight: 700; }
.modal { width: min(440px, calc(100% - 30px)); padding: 27px; color: #eaf4ff; background: #101e31; border: 1px solid #42627d; border-radius: 14px; box-shadow: 0 30px 90px #0009; }
.modal::backdrop { background: #020713b8; backdrop-filter: blur(5px); }
.modal h2 { margin: 14px 0 7px; font-size: 27px; letter-spacing: -.04em; }.modal p { color: var(--muted); font-size: 13px; line-height: 1.6; }
.modal code { display: block; margin: 18px 0; padding: 18px; border: 1px solid #315878; border-radius: 9px; background: #0a1b31; color: var(--cyan); font-size: 19px; font-weight: 700; letter-spacing: .11em; text-align: center; overflow-wrap: anywhere; }
.modal .button { width: 100%; margin-top: 15px; }.modal label { margin: 15px 0; }
.grant-fieldset { padding: 14px 16px; margin: 14px 0; border: 1px solid #38506a; border-radius: 9px; }.grant-fieldset legend { padding: 0 6px; color: #c1d2e4; font-size: 12px; font-weight: 700; }
.grant-options { display: flex; gap: 18px; flex-wrap: wrap; }.grant-options .check-label { min-height: 28px; }
.login-page { min-height: 100vh; background: var(--deep); }
.login-layout { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; }
.login-story { position: relative; display: flex; flex-direction: column; overflow: hidden; padding: 42px clamp(32px, 5vw, 80px); background: radial-gradient(circle at 62% 41%, #20466d, #0d213b 43%, #0a1529 75%); border-right: 1px solid #47738d55; }
.login-story .brand { position: relative; z-index: 2; padding: 0; margin: 0; }
.login-universe { position: absolute; inset: 0; opacity: .85; }.login-universe .orbit { left: 58%; top: 41%; }.login-universe .planet--main { left: 58%; top: 41%; width: 185px; height: 185px; }.login-universe .moon--one { left: 17%; top: 28%; }.login-universe .moon--two { left: 83%; top: 66%; }
.login-story-copy { position: relative; z-index: 2; margin-top: auto; }.login-story h1 { margin-bottom: 5px; font-size: clamp(60px, 6vw, 100px); }.login-story h1 span { color: var(--cyan); }.login-story p { color: #adc5d8; font-size: 16px; }
.login-coordinate { position: relative; z-index: 2; margin-top: 70px; color: #849db9; font: 700 10px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .18em; }
.login-panel { display: grid; place-items: center; padding: 50px; background: #0b1425; }.login-card { width: min(100%, 410px); }.login-card h2 { margin: 12px 0 8px; font-size: 50px; letter-spacing: -.06em; }.login-card > p { color: var(--muted); font-size: 14px; line-height: 1.5; }
.login-tabs { display: flex; gap: 5px; padding: 5px; margin: 30px 0 24px; background: #162840; border: 1px solid #2c4862; border-radius: 10px; }.login-tabs button { flex: 1; padding: 12px 6px; border: 0; border-radius: 7px; background: transparent; color: #9db1c9; font-size: 12px; font-weight: 700; }.login-tabs button[aria-pressed=true] { background: #2c5268; color: #e9ffff; }
.login-card form label { margin-bottom: 18px; }.login-submit { width: 100%; justify-content: space-between; margin-top: 7px; font-size: 13px; }.login-submit:disabled { opacity: .55; }
@media (max-width: 1100px) { .person-row { align-items: flex-start; flex-wrap: wrap; }.person-actions { width: 100%; justify-content: flex-start; padding-left: 50px; }.person-badges { margin-left: auto; } }
@media (max-width: 800px) { .shell { grid-template-columns: 1fr; }.sidebar { position: fixed; inset: 0 auto 0 0; width: 260px; z-index: 40; transform: translateX(-100%); transition: transform .25s; box-shadow: 20px 0 60px #0008; }.menu-open .sidebar { transform: translateX(0); }.menu-button { display: block; }.topbar { height: 65px; }.topbar-location, .topbar-divider { display: none; }.page { padding: 22px; }.hero { min-height: 300px; }.universe { left: 38%; opacity: .72; }.login-layout { grid-template-columns: 1fr; }.login-story { min-height: 260px; padding: 28px; }.login-story-copy { margin-top: 70px; }.login-story h1 { font-size: 48px; }.login-story p, .login-coordinate { display: none; }.login-universe .orbit, .login-universe .planet--main { left: 76%; top: 53%; }.login-universe .planet--main { width: 120px; height: 120px; }.login-panel { padding: 40px 25px; }.login-card { width: min(100%, 480px); } }
@media (max-width: 560px) { .topbar { padding: 0 17px; }.account #account-name { display: none; }.page { padding: 16px; }.hero { min-height: 380px; padding: 30px 27px; align-items: flex-start; }.hero-copy { padding-top: 12px; }.hero h1 { font-size: clamp(46px, 12vw, 62px); }.universe { inset: 23% -50% -23% 8%; opacity: .7; }.universe .planet--main { width: 140px; height: 140px; }.content-section { padding-top: 30px; }.section-heading h2 { font-size: 26px; }.admin-stats { gap: 7px; }.admin-stats > div { padding: 15px 11px; }.admin-stats strong { font-size: 25px; }.admin-stats span, .admin-stats small { font-size: 9px; }.admin-hero { padding: 24px 0; }.admin-hero h1 { font-size: 39px; }.panel-heading { align-items: flex-start; flex-direction: column; }.form-grid { grid-template-columns: 1fr; }.person-badges { width: 100%; margin-left: 50px; }.person-actions { padding-left: 0; }.access-head span:last-child { min-width: 125px; }.access-row { padding: 15px 12px; }.access-identity { min-width: 0; }.access-app-name { min-width: 0; }.switch-state { display: none; }.login-panel { padding: 32px 22px; }.login-card h2 { font-size: 42px; } }
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }