:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#020617;margin:0}button,input{font:inherit}a{color:inherit}.app-shell{background:radial-gradient(circle at 0 0,#38bdf82e,#0000 32%),radial-gradient(circle at 80% 20%,#10b98124,#0000 28%),linear-gradient(#020617 0%,#0f172a 42%,#020617 100%);min-height:100svh;position:relative;overflow:hidden}.ambient{filter:blur(80px);opacity:.55;pointer-events:none;border-radius:999px;position:absolute}.ambient-a{background:#38bdf82e;width:22rem;height:22rem;top:-6rem;left:-4rem}.ambient-b{background:#9333ea24;width:24rem;height:24rem;bottom:-8rem;right:-6rem}.portal-shell{z-index:1;box-sizing:border-box;grid-template-columns:minmax(320px,1.05fr) minmax(360px,.95fr);align-items:stretch;gap:1.5rem;max-width:1400px;min-height:100svh;margin:0 auto;padding:1rem;display:grid;position:relative}.portal-shell.dashboard-mode{grid-template-columns:minmax(0,1fr);align-items:start}.hero-card,.auth-card,.dashboard-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac7;border:1px solid #94a3b82e;border-radius:20px;box-shadow:0 28px 60px #0206177a,inset 0 1px #ffffff0a}.hero-card{flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.hero-badge{color:#7dd3fc;letter-spacing:.04em;text-transform:uppercase;background:#38bdf81f;border:1px solid #7dd3fc2e;border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.hero-card h1{letter-spacing:-.055em;color:#f8fafc;margin:1.2rem 0 .9rem;font-size:clamp(2.6rem,4vw,4.6rem);line-height:.98}.hero-card p{color:#cbd5e1;max-width:56ch;line-height:1.7}.hero-list{gap:.9rem;margin-top:2rem;display:grid}.hero-list>div{background:#02061757;border:1px solid #94a3b829;border-radius:18px;padding:1rem 1.1rem}.hero-list-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-size:.72rem;display:block}.hero-list-value{color:#f8fafc;font-size:.98rem;line-height:1.5}.auth-card,.dashboard-shell{min-height:100%}.auth-card{flex-direction:column;justify-content:center;padding:2rem;display:flex}.portal-strip{flex-wrap:wrap;gap:.5rem;padding-bottom:.5rem;display:flex}.portal-strip-link{color:#e2e8f0;background:#0f172ab8;border:1px solid #94a3b824;border-radius:12px;align-items:center;padding:.45rem .75rem;font-size:.9rem;text-decoration:none;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.portal-strip-link:hover{background:#0f172ae0;border-color:#7dd3fc3d;transform:translateY(-1px)}.portal-strip-link span{color:#f8fafc;font-weight:700}.portal-strip-link small{display:none}.auth-card-header h2{color:#f8fafc;margin:.5rem 0 .85rem;font-size:clamp(1.7rem,2.4vw,2.3rem);line-height:1.05}.auth-card-header p{color:#cbd5e1;margin:0;line-height:1.6}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#7dd3fc;font-size:.74rem;font-weight:800}.auth-form{gap:1rem;margin-top:1.6rem;display:grid}.auth-form label{gap:.45rem;display:grid}.auth-form span{color:#cbd5e1;font-size:.88rem;font-weight:600}.auth-form input{box-sizing:border-box;color:#f8fafc;width:100%;font:inherit;background:#020617c2;border:1px solid #94a3b838;border-radius:16px;outline:none;padding:.95rem 1rem;transition:border-color .14s,transform .14s,box-shadow .14s}.auth-form input:focus{border-color:#7dd3fc9e;box-shadow:0 0 0 4px #38bdf81f}.password-row{grid-template-columns:1fr auto;gap:.75rem;display:grid}.primary-button,.ghost-button,.pill-button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;font-weight:700;transition:transform .14s,border-color .14s,background .14s,opacity .14s}.primary-button{color:#020617;background:linear-gradient(135deg,#38bdf8,#8b5cf6);padding:.98rem 1.25rem;box-shadow:0 18px 35px #38bdf82e}.primary-button:hover,.pill-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.pill-button:disabled{opacity:.72;cursor:not-allowed}.ghost-button,.pill-button{color:#e2e8f0;background:#0f172ab8;border-color:#94a3b82e;padding:.5rem .8rem;font-size:.85rem}.pill-button{white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.btn-group{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:999px;display:flex;overflow:hidden}.btn-group .pill-button{background:0 0;border:none;border-radius:0;padding:.45rem .75rem;font-size:.8rem}.btn-group .pill-button:not(:last-child){border-right:1px solid #94a3b824}.btn-group .pill-button:hover{background:#1e293b99;transform:none}.pill-button.ghost{color:#94a3b8;background:#0f172a66;font-weight:600}.banner{border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:.65rem;padding:.9rem 1rem;line-height:1.5;display:flex}.banner.error{color:#fecaca;background:#7f1d1d5c;border-color:#f8717147}.banner.warning{color:#fde68a;background:#92400e3d;border-color:#fbbf2438}.security-note{color:#cbd5e1;align-items:flex-start;gap:.65rem;margin-top:.25rem;font-size:.88rem;line-height:1.55;display:flex}.dashboard-shell{flex-direction:column;padding:1rem 1.25rem;display:flex;overflow:hidden}.topbar{border-bottom:1px solid #94a3b829;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.topbar h1{color:#f8fafc;margin:.1rem 0;font-size:1.4rem;line-height:1.1}.topbar .eyebrow{font-size:.65rem}.muted{color:#94a3b8;font-size:.85rem;line-height:1.4}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.search-box{color:#94a3b8;background:#02061799;border:1px solid #94a3b833;border-radius:999px;align-items:center;gap:.5rem;width:12rem;padding:.4rem .9rem;display:flex}.search-box input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.pill-select{color:#e2e8f0;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:999px;outline:none;padding:.45rem .75rem;font-size:.85rem;font-weight:700}.message-card.new{background:#14532d26;border-color:#22c55e66;box-shadow:inset 0 0 0 1px #22c55e1a}.message-card.priority-high{border-left:4px solid #f59e0b}.message-card.is-starred{border-color:#eab3084d}.message-title-row{align-items:center;gap:.75rem;display:flex}.priority-badge{color:#020617;text-transform:uppercase;background:#f59e0b;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:800}.star-icon{color:#eab308}.message-actions{gap:.35rem;display:flex}.action-btn{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #94a3b824;border-radius:10px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;transition:all .14s;display:flex}.action-btn:hover{color:#f8fafc;background:#1e293bcc;border-color:#7dd3fc4d}.action-btn.active{color:#eab308;border-color:#eab30866}.action-btn.primary:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.action-btn.success{color:#22c55e;background:#22c55e1a;border-color:#22c55e66}.message-notes-area{background:#0206174d;border:1px solid #94a3b814;border-radius:12px;margin-top:.75rem;padding:.5rem}.message-notes-area textarea{color:#cbd5e1;resize:vertical;background:0 0;border:none;outline:none;width:100%;min-height:2.5rem;font-family:inherit;font-size:.85rem}.message-footer{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.message-status-pill{color:#94a3b8;text-transform:uppercase;background:#0f172a99;border:1px solid #94a3b81f;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.65rem;font-weight:700;display:inline-flex}.clickable{cursor:pointer}.clickable:hover{color:#f8fafc;background:#1e293b}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.75rem 0;display:grid}.status-card{background:#02061761;border:1px solid #94a3b829;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .85rem;display:flex}.status-card.accent{background:#082f4957;border-color:#38bdf83d}.status-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:800}.status-value{color:#f8fafc;margin-top:0;font-size:1rem;font-weight:800;line-height:1}.status-note{display:none}.message-list{flex:1;gap:.75rem;padding-top:.25rem;display:grid;overflow:auto}.message-card{background:#02061775;border:1px solid #94a3b824;border-radius:18px;padding:.85rem 1rem .8rem;position:relative;overflow:hidden}.message-card.new{border-color:#22c55e38;box-shadow:inset 0 0 0 1px #22c55e14}.message-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.message-head h3{color:#f8fafc;margin:0;font-size:1.05rem;line-height:1.2}.message-meta{flex-wrap:wrap;gap:.45rem;margin-top:.5rem;display:flex}.meta-chip{color:#cbd5e1;background:#0f172acc;border:1px solid #94a3b824;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.75rem;display:inline-flex}.message-status{color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em;background:#38bdf81f;border:1px solid #7dd3fc29;border-radius:999px;flex-shrink:0;padding:.25rem .55rem;font-size:.65rem;font-weight:800}.message-body{color:#e2e8f0;white-space:pre-wrap;margin:.75rem 0 0;font-size:.95rem;line-height:1.6}.new-pill{color:#86efac;letter-spacing:.08em;text-transform:uppercase;background:#22c55e1f;border:1px solid #22c55e29;border-radius:999px;margin-top:.75rem;padding:.25rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex}.empty-state{text-align:center;color:#cbd5e1;margin:auto 0;padding:5rem 1rem}.empty-state h2{color:#f8fafc;margin:1rem 0 .45rem}.empty-state p{margin:0;line-height:1.6}@media (width<=1024px){.portal-shell,.status-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.topbar-actions{justify-content:flex-start}}@media (width<=640px){.portal-shell{padding:1rem}.hero-card,.auth-card,.dashboard-shell{border-radius:20px}.dashboard-shell,.auth-card,.hero-card{padding:1.1rem}.portal-strip{gap:.55rem}.password-row{grid-template-columns:1fr}.message-head{flex-direction:column}.message-status{align-self:flex-start}}