:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0b111a;background:radial-gradient(circle at 20% 20%,#d8f4ff,#f6fbff 55%,#eef4ff)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{width:min(760px,100%);background:#fffc;border:1px solid #c7ddff;border-radius:16px;padding:2rem;box-shadow:0 18px 42px #1021401f}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.12em;color:#225abf;font-weight:700;font-size:.75rem}h1{margin:0 0 1rem;line-height:1.2}h2{margin:1.5rem 0 .75rem;font-size:1.5rem}h3{margin:1rem 0 .5rem;font-size:1.1rem}p{color:#253042;margin:.5rem 0}p.empty{color:#888;font-style:italic}.status-panel{display:grid;gap:.35rem;margin:1.25rem 0;padding:1rem 1.1rem;border-radius:14px;background:linear-gradient(135deg,#d2ecffe6,#fffffff2);border:1px solid #b9d7ff;box-shadow:inset 0 1px #ffffffb3}.status-panel strong{color:#0f2f6a}.status-panel small{color:#5b6a7f}.form-section,.user-section{margin:1.5rem 0;padding:1rem;background:#f8fbff;border-radius:10px;border:1px solid #dde8ff}input[type=email],input[type=text]{width:100%;padding:.75rem;margin:.5rem 0;border:1px solid #b9d7ff;border-radius:6px;font-size:1rem;font-family:inherit}input[type=email]:focus,input[type=text]:focus{outline:none;border-color:#225abf;box-shadow:0 0 0 3px #225abf1a}button{padding:.75rem 1.5rem;margin:.5rem 0;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;background:#225abf;color:#fff}button:hover:not(:disabled){background:#1d4591;box-shadow:0 4px 12px #225abf4d}button:disabled{opacity:.6;cursor:not-allowed}.logout-btn{background:#c44;margin-top:1rem;width:100%}.logout-btn:hover{background:#a33;box-shadow:0 4px 12px #cc44444d}.watchlist-section{margin:1rem 0}.symbol-list{list-style:none;padding:0;margin:.5rem 0}.symbol-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin:.5rem 0;background:#fff;border:1px solid #c7ddff;border-radius:6px}.symbol-list span{font-weight:600;color:#225abf}.remove-btn{background:#f4c2c2;color:#a33;padding:.25rem .75rem;font-weight:700;border-radius:4px}.remove-btn:hover{background:#e8a3a3;color:#fff}.add-symbol-form{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:1rem}.add-symbol-form input,.add-symbol-form button{margin:0}ul{padding-left:1rem;margin:1rem 0}ul li{margin:.5rem 0}a{color:#0f4bb8;font-weight:600;text-decoration:none}a:hover{text-decoration:underline}hr{margin:2rem 0;border:none;border-top:1px solid #dde8ff}
