:root{--bg: #f1f1f1;--surface: #ffffff;--surface-2: #e8e9eb;--text: #1f1f1f;--text-muted: #5f6b70;--border: rgba(31, 31, 31, .12);--heading: #093d52;--primary: #093d52;--on-primary: #f1f1f1;--on-primary-muted: rgba(241, 241, 241, .72);--primary-hover: rgba(255, 255, 255, .08);--primary-border: rgba(255, 255, 255, .15);--accent: #cc0000;--on-accent: #ffffff;--accent-soft: rgba(204, 0, 0, .1);--danger: #cc0000;--on-danger: #ffffff;--danger-soft: rgba(204, 0, 0, .1);--focus: rgba(204, 0, 0, .25);--overlay: rgba(9, 13, 16, .5);--font-head: "DM Sans", system-ui, -apple-system, sans-serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:light;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=mh-navy]{--bg: #093d52;--surface: #0c4a63;--surface-2: #0a4255;--text: #f1f1f1;--text-muted: rgba(241, 241, 241, .66);--border: rgba(255, 255, 255, .14);--heading: #ffffff;--primary: #06303f;--on-primary: #f1f1f1;--on-primary-muted: rgba(241, 241, 241, .66);--primary-hover: rgba(255, 255, 255, .08);--primary-border: rgba(255, 255, 255, .14);--accent: #e23b3b;--on-accent: #ffffff;--accent-soft: rgba(226, 59, 59, .18);--danger: #e23b3b;--on-danger: #ffffff;--danger-soft: rgba(226, 59, 59, .18);--focus: rgba(226, 59, 59, .35);--overlay: rgba(0, 0, 0, .55);color-scheme:dark}:root[data-theme=dark]{--bg: #1b2124;--surface: #232b2f;--surface-2: #2b3439;--text: #ffffff;--text-muted: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .12);--heading: #ffffff;--primary: #151a1c;--on-primary: #ffffff;--on-primary-muted: rgba(255, 255, 255, .6);--primary-hover: rgba(255, 255, 255, .07);--primary-border: rgba(255, 255, 255, .12);--accent: #d4af37;--on-accent: #1b2124;--accent-soft: rgba(212, 175, 55, .16);--danger: #e0524d;--on-danger: #1b2124;--danger-soft: rgba(224, 82, 77, .16);--focus: rgba(212, 175, 55, .3);--overlay: rgba(0, 0, 0, .6);color-scheme:dark}:root[data-theme=ocean]{--bg: #f7f3ea;--surface: #ffffff;--surface-2: #efe9db;--text: #0c2a36;--text-muted: #5b7480;--border: rgba(9, 61, 82, .14);--heading: #093d52;--primary: #1b97a6;--on-primary: #ffffff;--on-primary-muted: rgba(255, 255, 255, .82);--primary-hover: rgba(255, 255, 255, .14);--primary-border: rgba(255, 255, 255, .24);--accent: #093d52;--on-accent: #ffffff;--accent-soft: rgba(9, 61, 82, .1);--danger: #cc0000;--on-danger: #ffffff;--danger-soft: rgba(204, 0, 0, .1);--focus: rgba(27, 151, 166, .3);--overlay: rgba(9, 13, 16, .5);color-scheme:light}:root[data-theme=slate]{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #eceef1;--text: #1e293b;--text-muted: #64748b;--border: rgba(30, 41, 59, .12);--heading: #1e293b;--primary: #334155;--on-primary: #f8fafc;--on-primary-muted: rgba(248, 250, 252, .7);--primary-hover: rgba(255, 255, 255, .08);--primary-border: rgba(255, 255, 255, .16);--accent: #2563eb;--on-accent: #ffffff;--accent-soft: rgba(37, 99, 235, .1);--danger: #dc2626;--on-danger: #ffffff;--danger-soft: rgba(220, 38, 38, .1);--focus: rgba(37, 99, 235, .3);--overlay: rgba(15, 23, 42, .5);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);transition:background-color .3s var(--ease),color .3s var(--ease);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3,h4{font-family:var(--font-head);color:var(--heading);font-weight:700;letter-spacing:-.01em;margin:0}button{font-family:var(--font-body);cursor:pointer}a{color:var(--accent);text-decoration:none}input,select,textarea{font-family:var(--font-body);color:var(--text)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-up{animation:fade-up .5s var(--ease) both}.animate-in{animation:fade-in .4s var(--ease) both}@media (prefers-reduced-motion: reduce){.animate-up,.animate-in{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;padding:12px 18px;font-family:var(--font-head);font-weight:700;font-size:15px;background:var(--accent);color:var(--on-accent);transition:transform .15s var(--ease),filter .15s var(--ease),opacity .15s;min-height:46px}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--on-primary);border:1px solid var(--primary-border)}.btn--ghost:hover{background:var(--primary-hover);filter:none}.btn--danger{background:var(--danger);color:var(--on-danger)}.btn--subtle{background:transparent;color:var(--danger);border:1px solid var(--danger-soft)}.btn--subtle:hover{background:var(--danger-soft);filter:none}.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 120% at 50% 0%,rgba(255,255,255,.14),transparent 60%),var(--primary)}.login__card{width:100%;max-width:380px;background:var(--surface);border-radius:18px;padding:32px 26px;box-shadow:0 24px 60px -24px #00000080}.login__brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.login__logo{width:44px;height:44px;border-radius:12px}.login__title{font-size:18px;line-height:1.2}.login__sub{font-size:13px;color:var(--text-muted)}.field{display:block;margin-bottom:14px}.field__label{display:block;font-size:13px;font-weight:700;color:var(--heading);margin-bottom:6px}.field__input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:16px;background:var(--surface);color:var(--text);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.field__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.login__error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-soft);border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:14px}.login__submit{width:100%;margin-top:6px}.shell{min-height:100dvh;display:flex}.sidebar{flex:0 0 240px;position:sticky;top:0;align-self:flex-start;height:100dvh;display:flex;flex-direction:column;gap:8px;padding:20px 16px;background:var(--primary);color:var(--on-primary)}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.sidebar__logo{width:34px;height:34px;border-radius:9px}.sidebar__brandtext{font-family:var(--font-head);font-weight:700;font-size:16px;color:var(--on-primary)}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.sidebar__foot{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-top:16px;border-top:1px solid var(--primary-border)}.sidebar__email{font-size:12px;color:var(--on-primary-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__content{flex:1;min-width:0;display:flex;flex-direction:column}.shell__main{flex:1;padding:28px 32px;max-width:1200px;width:100%}.topbar,.mobilenav{display:none}.nav__item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:var(--on-primary-muted);font-family:var(--font-head);font-weight:700;font-size:14px;transition:color .15s var(--ease),background .15s var(--ease)}.nav__item:hover{background:var(--primary-hover);color:var(--on-primary)}.nav__item--active{color:var(--on-accent);background:var(--accent)}.nav__icon{font-size:18px;line-height:1}.foot-link{background:none;border:none;color:var(--on-primary-muted);font-family:var(--font-body);font-size:13px;text-align:left;padding:2px 0;text-decoration:underline;align-self:flex-start}.foot-link:hover{color:var(--on-primary)}.iconbtn{background:none;border:none;font-size:16px;line-height:1;padding:4px 6px}.theme-switch{display:flex;flex-direction:column;gap:4px}.theme-switch__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--on-primary-muted)}.theme-select{background:var(--primary-hover);color:var(--on-primary);border:1px solid var(--primary-border);border-radius:8px;padding:8px 10px;font-family:var(--font-head);font-weight:600;font-size:13px;cursor:pointer}.shell__brand{display:flex;align-items:center;gap:10px}.shell__logo{width:28px;height:28px;border-radius:8px}.shell__brandtext{font-family:var(--font-head);font-weight:700;font-size:15px;color:var(--on-primary)}.shell__user{display:flex;align-items:center;gap:10px;font-size:13px}.shell__role{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700;background:var(--accent);color:var(--on-accent);padding:3px 8px;border-radius:999px}@media (max-width: 768px){.shell{flex-direction:column}.sidebar{display:none}.shell__main{padding:20px 16px 90px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--primary);color:var(--on-primary)}.topbar .theme-select{padding:6px 8px;font-size:12px}.mobilenav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:10}.mobilenav .nav__item{flex:1;flex-direction:column;gap:4px;padding:8px 4px;font-size:12px;color:var(--text-muted);background:none}.mobilenav .nav__item--active{color:var(--accent);background:var(--accent-soft)}.mobilenav .nav__icon{font-size:20px}}.placeholder{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 22px}.placeholder__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--accent)}.placeholder h1{font-size:24px;margin:8px 0}.placeholder p{color:var(--text-muted);font-size:15px;line-height:1.5;margin:0}.center-screen{min-height:100dvh;display:grid;place-items:center;color:var(--text-muted);font-family:var(--font-head)}.page__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page__head h1{font-size:24px}.page__actions{display:flex;gap:8px;align-items:center}.muted{color:var(--text-muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px}.backlink{display:inline-block;font-family:var(--font-head);font-weight:700;font-size:13px;color:var(--accent);margin-bottom:10px}.form .field:last-of-type{margin-bottom:16px}.form__title{font-size:16px;margin-bottom:12px}.form__row{display:flex;gap:12px}.form__row .field{flex:1}textarea.field__input{resize:vertical}.projlist{list-style:none;margin:0;padding:0;display:grid;gap:12px}.projcard{display:block;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.projcard:hover{transform:translateY(-1px);box-shadow:0 12px 28px -18px #00000073}.projcard__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.projcard__name{font-family:var(--font-head);font-weight:700;color:var(--heading);font-size:16px}.projcard__desc{margin:6px 0 0;color:var(--text-muted);font-size:14px}.status{text-transform:capitalize;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--text);white-space:nowrap}.status--active{background:var(--accent-soft);color:var(--accent)}.status--completed{background:var(--surface-2);color:var(--text-muted)}.status--archived{opacity:.7}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.toolbar .field__input{min-height:0;font-size:14px;padding:8px 10px;background:var(--surface)}.toolbar__search{width:auto;flex:1 1 200px;min-width:150px}.toolbar__sel{width:auto;cursor:pointer}.toolbar__clear{min-height:0;padding:8px 14px;font-size:13px}.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.board__col{flex:0 0 78%;max-width:320px;scroll-snap-align:start;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:10px;display:flex;flex-direction:column}.board__colhead{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-head);font-weight:700;font-size:13px;color:var(--heading);text-transform:uppercase;letter-spacing:.04em;padding:4px 6px 10px}.board__count{background:var(--primary);color:var(--on-primary);font-size:11px;border-radius:999px;padding:1px 8px}.board__cards{display:flex;flex-direction:column;gap:10px}.board__empty{color:var(--text-muted);font-size:13px;text-align:center;padding:12px 0;margin:0}.board__col--over{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}@media (min-width: 720px){.board__col{flex:1 1 0}}.taskcard{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:grab;transition:opacity .15s var(--ease),box-shadow .15s var(--ease)}.taskcard:active{cursor:grabbing}.taskcard--dragging{opacity:.5;box-shadow:0 10px 24px -12px #00000080}.taskcard__body{display:block;width:100%;text-align:left;background:none;border:none;padding:12px}.taskcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.taskcard__title{font-family:var(--font-head);font-weight:700;font-size:14px;color:var(--heading)}.taskcard__meta{margin-top:6px;font-size:12px;color:var(--text-muted)}.taskcard__due{margin-top:4px;font-size:12px;color:var(--danger)}.taskcard__move{display:flex;border-top:1px solid var(--border)}.taskcard__arrow{flex:1;background:none;border:none;padding:8px;color:var(--accent);font-size:13px}.taskcard__arrow:disabled{color:var(--border)}.taskcard__arrow:first-child{border-right:1px solid var(--border)}.pri{text-transform:capitalize;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;white-space:nowrap}.pri--low{background:var(--surface-2);color:var(--text-muted)}.pri--medium{background:var(--accent-soft);color:var(--accent)}.pri--high{background:var(--danger-soft);color:var(--danger)}.pri--urgent{background:var(--danger);color:var(--on-danger)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center}.sheet__panel{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;background:var(--bg);border-radius:18px 18px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}@media (min-width: 560px){.sheet{align-items:center}.sheet__panel{border-radius:18px}}.sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet__title{font-size:19px}.sheet__close{background:none;border:none;font-size:18px;color:var(--text-muted);padding:2px 6px}.sheet__desc{color:var(--text);font-size:14px;line-height:1.5}.sheet__fields{margin:10px 0 6px}.sheet__chips{display:flex;gap:8px;align-items:center}.chip{font-size:12px;color:var(--text-muted);background:var(--surface-2);padding:3px 9px;border-radius:999px}.sheet__subhead{font-size:14px;margin:16px 0 8px;color:var(--heading)}.comments{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}.comment{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.comment__meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-muted);margin-bottom:4px}.comment__body{margin:0;font-size:14px;line-height:1.45}.comment-form{display:flex;gap:8px}.comment-form .field__input{flex:1}.sheet__danger{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.dash__asof{font-size:12px}.rangectl{margin-bottom:18px}.rangectl__presets{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:4px}.rangectl__btn{border:none;background:transparent;color:var(--text-muted);font-family:var(--font-head);font-weight:700;font-size:13px;padding:7px 14px;border-radius:9px;transition:background .15s var(--ease),color .15s var(--ease)}.rangectl__btn--active{background:var(--accent);color:var(--on-accent)}.rangectl__custom{display:flex;align-items:center;gap:8px;margin-top:10px}.rangectl__custom .field__input{width:auto}.rangectl__dash{color:var(--text-muted)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.metric--muted{opacity:.6;border-style:dashed}.metric__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.metric__value{font-family:var(--font-head);font-weight:700;font-size:28px;color:var(--heading);margin-top:6px;line-height:1.1}.metric__sub{font-size:12px;color:var(--text-muted);margin-top:4px}.metric__value .pos{color:#1f9d55}.metric__value .neg{color:var(--danger)}.chart{margin-top:4px}.tablewrap{overflow-x:auto}.dtable{width:100%;border-collapse:collapse;font-size:14px}.dtable th,.dtable td{text-align:right;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.dtable th{font-family:var(--font-head);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.dtable th:first-child,.dtable td:first-child{text-align:left}.dtable tbody tr:last-child td{border-bottom:none}.dtable__chan{text-transform:capitalize;font-weight:700;color:var(--heading)}