:root{color:#1f1f1f;background:#fff0f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:#fff0f6}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{background:#fff0f6;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.chat-card{text-align:center;background:#fff;border:1px solid #ffd6e8;border-radius:24px;width:min(100%,720px);padding:40px 32px;box-shadow:0 24px 60px #ff9db924}.chat-card h1{color:#6c1d43;margin:0 0 16px;font-size:2.4rem}.chat-card p{color:#5d3148;margin:0;font-size:1rem;line-height:1.7}.auth-page{background:radial-gradient(circle at top,#ffe5f0 0%,#fff8fb 52%,#fff 100%);justify-content:center;align-items:center;min-height:100svh;padding:32px 24px;display:flex}.auth-card{text-align:left;background:#fff;border:1px solid #ffadcd8c;border-radius:28px;width:min(100%,420px);padding:36px 32px;box-shadow:0 24px 60px #ffa0bb29}.auth-card h1{color:#5c1d43;margin:0 0 10px;font-size:2.2rem}.auth-subtitle{color:#7a4d72;margin:0 0 28px;line-height:1.6}.auth-form{gap:18px;display:grid}.auth-field{gap:8px;display:grid}.auth-field label{color:#7a4d72;font-size:.95rem;font-weight:600}.auth-field input{color:#4d2d4c;background:#fff6fb;border:1px solid #ffb7cecc;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{border-color:#ff6f9f;box-shadow:0 0 0 4px #ff97bb2e}.auth-button{color:#fff;background:linear-gradient(135deg,#ff6f9f 0%,#ff4d84 100%);border:none;border-radius:16px;width:100%;padding:14px 18px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.auth-button:hover{transform:translateY(-1px);box-shadow:0 16px 32px #ff4d843d}.auth-footer{color:#7a4d72;margin:24px 0 0;font-size:.95rem}.auth-footer a{color:#d42d78;font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.dashboard-shell{background:radial-gradient(circle at top,#ffe5f0 0%,#fff8fb 52%,#fff 100%);gap:24px;min-height:100svh;padding:32px;display:flex}.dashboard-sidebar{background:#fff;border:1px solid #ffadcd8c;border-radius:28px;width:min(420px,100%);padding:28px;box-shadow:0 24px 60px #ffa0bb29}.dashboard-sidebar h2{color:#5c1d43;margin:0 0 18px;font-size:1.8rem}.sidebar-search{gap:12px;margin-bottom:16px;display:flex}.sidebar-search input{color:#4d2d4c;background:#fff6fb;border:1px solid #ffb7cecc;border-radius:16px;flex:1;padding:14px 16px;font-size:1rem}.sidebar-search button,.sidebar-action-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6f9f 0%,#ff4d84 100%);border:none;border-radius:16px;padding:14px 18px;font-weight:700}.sidebar-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.search-item.active{background:#ffe5f0;border-color:#ff4d84}.sidebar-error,.sidebar-loading{color:#c41c72;margin:0 0 14px}.search-results{gap:12px;margin:0;padding:0;list-style:none;display:grid}.search-item,.search-empty{background:#fff6fb;border:1px solid #ffb7cecc;border-radius:20px;padding:16px}.search-item strong{color:#4d2d4c;margin-bottom:8px;display:block}.search-item p{color:#7a4d72;margin:0 0 8px}.search-item span{color:#9b2b61;background:#ffe5f0;border-radius:999px;padding:6px 10px;font-size:.85rem;display:inline-flex}.dashboard-content{background:#fff;border:1px solid #ffadcd8c;border-radius:28px;flex:1;padding:32px;box-shadow:0 24px 60px #ffa0bb29}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dashboard-header h1{color:#6c1d43;margin:0;font-size:2.4rem}.dashboard-logout{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6f9f 0%,#ff4d84 100%);border:none;border-radius:16px;padding:14px 18px;font-weight:700}.chat-window{flex-direction:column;height:calc(100vh - 160px);display:flex}.chat-header{border-bottom:1px solid #ffadcd66;margin-bottom:12px;padding-bottom:12px}.chat-sub{color:#7a4d72;margin:0;font-size:.9rem}.messages{flex-direction:column;flex:1;gap:10px;padding:12px 8px;display:flex;overflow:auto}.message{background:#fff6fb;border:1px solid #ffb7ce99;border-radius:12px;flex-direction:column;max-width:70%;padding:10px 14px;display:inline-flex}.message.me{text-align:right;background:linear-gradient(135deg,#ffecf2,#ffd6e8);align-self:flex-end;margin-left:auto}.message.them{text-align:left;align-self:flex-start;margin-right:auto}.message-text{margin-bottom:6px}.message-time{color:#9b2b61;text-align:right;font-size:.75rem}.message-input{gap:8px;margin-top:12px;display:flex}.notification-toast{color:#7a1d42;cursor:pointer;background:#ffecf2;border:1px solid #ffb1cc;border-radius:14px;margin-bottom:12px;padding:12px 16px;font-weight:700;position:sticky;top:0;box-shadow:0 8px 20px #ff2e7826}.message-input input{border:1px solid #ffb7ce99;border-radius:12px;flex:1;padding:12px 14px}.message-input button{color:#fff;background:linear-gradient(135deg,#ff6f9f,#ff4d84);border:none;border-radius:12px;padding:12px 16px;font-weight:700}.chat-empty{color:#7a4d72}@media (width<=900px){.dashboard-shell{flex-direction:column;padding:20px}.dashboard-sidebar,.dashboard-content{width:100%}.chat-window{height:min(60vh,520px)}}@media (width<=640px){.dashboard-shell{gap:16px;padding:14px}.dashboard-sidebar,.dashboard-content{border-radius:20px;padding:20px 16px}.dashboard-sidebar h2{font-size:1.5rem}.sidebar-search,.sidebar-actions,.dashboard-header,.message-input{flex-direction:column}.sidebar-search button,.sidebar-action-button,.dashboard-logout,.message-input button{width:100%}.dashboard-header{align-items:stretch}.dashboard-header h1{font-size:1.9rem}.chat-window{height:50vh;min-height:360px}.message{max-width:85%;padding:10px 12px}.search-item,.search-empty{padding:14px}}