:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #e6e6e6;--text-secondary: #a6a6a6;--accent: #4a9eff;--accent-hover: #3a8eef;--danger: #ff4a4a;--success: #4aff4a;--border: #2a2a4e;--message-user: #2a3a5e;--message-assistant: #1e2a4e;--radius: 8px;--sidebar-width: 280px;--header-height: 52px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100%;overflow:hidden;-webkit-text-size-adjust:100%}#root{height:100%}.app-layout{display:flex;flex-direction:column;height:100%}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:var(--radius)}.menu-toggle:active{background:var(--bg-tertiary)}.hamburger{display:flex;flex-direction:column;gap:4px;width:20px}.hamburger span{display:block;height:2px;background:var(--text-primary);border-radius:1px;transition:transform .2s,opacity .2s}.hamburger-open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.app-title{font-size:1.1rem;font-weight:600;color:var(--accent)}.user-info{display:flex;align-items:center;gap:10px}.user-name{font-size:.85rem;color:var(--text-secondary)}.btn-logout{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius);cursor:pointer;font-size:.85rem}.btn-logout:active{color:var(--text-primary);border-color:var(--text-secondary)}.app-main{flex:1;overflow:hidden;position:relative}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.auth-page{display:flex;align-items:center;justify-content:center;height:100%;padding:16px}.auth-card{background:var(--bg-secondary);padding:24px;border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:400px}.auth-card h2{margin-bottom:20px;text-align:center;color:var(--accent)}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--text-secondary)}.form-group input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:16px;-webkit-appearance:none}.form-group input:focus{outline:none;border-color:var(--accent)}.btn-primary{padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;cursor:pointer;-webkit-appearance:none;display:inline-block}.btn-primary-full{width:100%}.chat-empty .btn-primary{margin-top:8px}.btn-primary:active{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--danger);font-size:.85rem;margin-top:8px;text-align:center}.chat-container{display:flex;height:100%;position:relative}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);transform:translate(-100%);transition:transform .25s ease;z-index:100;display:flex;flex-direction:column}.sidebar-open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.sidebar-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius)}.sidebar-close:active{background:var(--bg-tertiary)}.sidebar-new-btn{padding:12px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:.95rem;text-align:center;flex-shrink:0}.sidebar-new-btn:active{background:var(--accent-hover)}.sidebar-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-item{padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.sidebar-item:active,.sidebar-item-active{background:var(--bg-tertiary)}.sidebar-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.sidebar-item-delete{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;font-size:.85rem;border-radius:var(--radius);flex-shrink:0}.sidebar-item-delete:active{color:var(--danger);background:#ff4a4a26}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;-webkit-overflow-scrolling:touch}.chat-message{margin-bottom:12px;padding:10px 14px;border-radius:var(--radius);max-width:85%;word-wrap:break-word}.chat-message-user{background:var(--message-user);margin-left:auto}.chat-message-assistant{background:var(--message-assistant);margin-right:auto}.chat-message-role{font-size:.7rem;color:var(--text-secondary);margin-bottom:4px}.chat-message-content{white-space:pre-wrap;word-wrap:break-word;line-height:1.5;font-size:.95rem}.typing-indicator{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.chat-input-form{display:flex;padding:8px 12px;padding-bottom:calc(8px + var(--safe-bottom));border-top:1px solid var(--border);gap:8px;align-items:flex-end;background:var(--bg-secondary);flex-shrink:0}.chat-input{flex:1;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:16px;font-family:inherit;line-height:1.4;resize:none;min-height:40px;max-height:120px;-webkit-appearance:none;overflow-y:auto}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-send-btn{padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:.9rem;flex-shrink:0;height:40px;-webkit-appearance:none}.chat-send-btn:active{background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;color:var(--text-secondary);padding:20px;text-align:center}.admin-link{display:block;text-align:center;padding:8px;color:var(--accent);text-decoration:none;font-size:.85rem}.admin-link:active{text-decoration:underline}.admin-page{padding:16px;max-width:900px;margin:0 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header h2{color:var(--accent);font-size:1.1rem}.admin-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.admin-section h3{margin-bottom:12px;font-size:1rem}.admin-form{display:flex;flex-direction:column;gap:12px}.admin-form .form-group{flex:1;min-width:0}.admin-form .btn-primary{padding:10px 20px}.btn-secondary{padding:10px 20px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-top:8px;width:100%}.btn-secondary:active{color:var(--text-primary);border-color:var(--text-secondary)}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;min-width:500px}.admin-table th,.admin-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--border);font-size:.85rem}.admin-table th{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.btn-action{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:6px 10px;border-radius:var(--radius);cursor:pointer;font-size:.75rem;margin-right:4px;margin-bottom:4px;display:inline-block}.btn-action:active{background:var(--accent);color:#fff}.success-message{color:var(--success);font-size:.85rem;margin-bottom:12px;text-align:center}select{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:16px;-webkit-appearance:none}@media(min-width:768px){.sidebar-overlay{display:none!important}.sidebar{position:static;transform:none;width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--border);z-index:auto}.sidebar-header,.sidebar-close{display:none}.sidebar-new-btn{border-radius:0}.sidebar-item-delete{opacity:0}.sidebar-item:hover .sidebar-item-delete{opacity:1}.sidebar-item:hover{background:var(--bg-tertiary)}.menu-toggle{display:none}.chat-input-form{padding:12px 20px}.chat-messages{padding:20px}.chat-message{max-width:70%;margin-bottom:16px;padding:12px 16px}.chat-message-role{font-size:.75rem}.chat-message-content{font-size:1rem}.admin-form{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.admin-form .btn-primary{width:auto}.btn-secondary{width:auto;margin-top:0;margin-left:8px}.admin-page{padding:20px}.auth-card{padding:32px}.btn-action{font-size:.8rem;margin-right:6px;margin-bottom:0}}