:root{--blue: #60a5fa;--blue-dark: #3b82f6;--light: #f3f4f6;--white: #ffffff;--text: #111827;--muted: #6b7280;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;background:var(--light);color:var(--text)}.app{display:flex;flex-direction:column;height:100vh}.header{background:linear-gradient(90deg,var(--blue),#9fd1ff);padding:14px 16px;color:#fff;font-size:20px;font-weight:600}.main{flex:1;padding:16px;overflow-y:auto}.nav{display:flex;gap:8px;padding:8px;background:var(--white);box-shadow:0 -1px 6px #00000014}.nav button{flex:1;padding:10px;border-radius:var(--radius);border:none;background:var(--blue);color:#fff;font-weight:500;cursor:pointer}.nav button:hover{background:var(--blue-dark)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}.card{background:var(--white);padding:18px;border-radius:var(--radius);text-align:center;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #0000000f;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.item-card{background:var(--white);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000000f}.item-img{width:100%;height:180px;object-fit:cover;background:#e5e7eb}.item-img.placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.item-body{padding:12px;font-size:14px}.item-body .desc{margin:6px 0;color:#374151}.item-body .temp{font-size:13px;color:var(--muted)}.panel h2{margin:0}.panel button{background:var(--blue);color:#fff;border:none;border-radius:var(--radius);padding:8px 14px;cursor:pointer}.panel button:hover{background:var(--blue-dark)}.chat-window{background:var(--white);border-radius:var(--radius);padding:12px;height:60vh;overflow-y:auto;box-shadow:inset 0 0 0 1px #e5e7eb}.msg-user{text-align:right;margin-bottom:8px;color:var(--blue-dark)}.msg-bot{text-align:left;margin-bottom:8px;color:var(--text)}.chat-input{display:flex;gap:8px;margin-top:8px}.chat-input input{flex:1;padding:10px;border-radius:var(--radius);border:1px solid #d1d5db}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--white);padding:16px;border-radius:var(--radius);width:100%;max-width:380px;box-shadow:0 12px 30px #0003}.close-btn{float:right;border:none;background:none;font-size:22px;cursor:pointer}.form{display:flex;flex-direction:column;gap:10px}.form label{font-size:14px;display:flex;flex-direction:column;gap:4px}.form input,.form select,.form textarea{padding:8px;border-radius:var(--radius);border:1px solid #d1d5db}.form textarea{resize:vertical;min-height:60px}@media (max-width: 480px){.grid{grid-template-columns:1fr}.item-img{height:160px}}