@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";:root{--basso-green: #0d6a3f;--basso-green-dark: #095333;--bg: #f3f7f5;--surface: #ffffff;--text: #183024;--muted: #5f6f67;--line: #d4e2d8;--danger: #c62828;--success: #1f8f4f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f6faf8 0%,var(--bg) 40%,#ecf3ef 100%);font-family:Manrope,Segoe UI,Tahoma,sans-serif;color:var(--text)}#root{min-height:100vh}.auth-card,.card{width:min(980px,100% - 2rem);margin:2rem auto;background:var(--surface);border-radius:14px;box-shadow:0 10px 30px #06381d0f;padding:1rem}form,.row{display:grid;gap:.75rem}label{font-size:.9rem;font-weight:600;color:#244633}input,select,button,small{font-size:.95rem}input,select{padding:.7rem;border:1px solid var(--line);border-radius:10px;min-height:40px}button{border:0;border-radius:10px;background:var(--basso-green);color:#fff;padding:.6rem .9rem;font-weight:700;cursor:pointer}button.secondary{background:#2b4b3f}button:hover{background:var(--basso-green-dark)}button:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--danger)}.success{color:var(--success)}.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0e4728;color:#fff;padding:1.3rem}.sidebar h1{font-size:1.2rem;margin-top:0}.sidebar nav{display:grid;gap:.7rem}.sidebar .connection{margin-top:1rem;padding:.5rem .7rem;border-radius:8px;font-size:.85rem;font-weight:700}.sidebar .connection.connected{background:#fff3}.sidebar .connection.disconnected{background:#ff3c3c33}.sidebar .connection.connecting,.sidebar .connection.reconnecting{background:#ffc83c40}.sidebar a,.sidebar a:visited{color:#e6f3ea;text-decoration:none;padding:.5rem .7rem;border-radius:8px;display:inline-block}.nav-button{display:block;width:100%;text-align:left}.sidebar a:hover{background:#ffffff1f}.content{padding:1rem}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;margin-bottom:1rem}.toolbar{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-bottom:.8rem}.toolbar .meta,.meta span{display:block}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:.65rem;text-align:left;font-size:.95rem}th{background:#eff7f0;font-weight:700}.meta{display:grid;gap:.2rem;background:#f4faf5;border-radius:8px;border:1px solid #d7ecdd;padding:.6rem;margin-bottom:.8rem;color:#2c5540}.list{display:grid;gap:.6rem}.list .item{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.7rem}.item.unread{border-left:5px solid var(--basso-green)}.item .title{display:flex;justify-content:space-between;align-items:center}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{border-radius:0 0 14px 14px}.content{padding:.6rem}}