.mypage-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:400px;max-width:100%;padding:40px 50px;box-sizing:border-box;text-align:center}.mypage-card h1{font-weight:700;font-size:24px;margin-top:0;margin-bottom:30px}@media (max-width: 1023px){.mypage-card{width:350px;padding:35px 45px}.mypage-card h1{font-size:20px}}@media (max-width: 767px){.mypage-card{min-height:100vh;border-radius:0;box-shadow:none;padding:40px 25px;display:flex;flex-direction:column;justify-content:center}.mypage-card h1{font-size:28px}}.chat-layout{display:flex;width:100vw;height:100vh;background-color:#343541;position:relative}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:99}@media (max-width: 767px){.sidebar-overlay.open{display:block}}.chat-sidebar{width:260px;background-color:#202123;color:#ececec;padding:10px;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid #3a3a3c;transition:transform .3s ease-in-out;z-index:100}@media (max-width: 767px){.chat-sidebar{position:absolute;top:0;left:0;height:100%;transform:translate(-100%)}.chat-sidebar.open{transform:translate(0)}}.new-chat-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px;margin-bottom:20px;background-color:transparent;color:#fff;border:1px solid #555;border-radius:8px;text-align:left;font-size:14px;font-weight:500;cursor:pointer}.new-chat-btn:hover{background-color:#343541}.session-list{flex-grow:1;overflow-y:auto}.session-list .session-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:5px;border-radius:8px;color:#ececec;text-decoration:none;font-size:14px;transition:background-color .2s}.session-list .session-item:hover{background-color:#343541}.session-list .session-item.active{background-color:#444654;font-weight:700}.session-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.delete-session-btn{background:none;border:none;color:#8e8e8e;cursor:pointer;padding:5px;margin-left:10px;border-radius:4px;opacity:0;transition:opacity .2s,background-color .2s;flex-shrink:0}.session-item:hover .delete-session-btn{opacity:1}.delete-session-btn:hover{background-color:#555;color:#fff}.chat-content{flex-grow:1;height:100%;display:flex;flex-direction:column}.mobile-menu-btn{display:none;position:absolute;top:15px;right:15px;z-index:110;background:none;border:none;color:#8e8e8e;padding:5px;cursor:pointer}@media (max-width: 767px){.mobile-menu-btn{display:block}}.admin-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:400px;max-width:100%;padding:40px 50px;box-sizing:border-box;text-align:center}.admin-card h1{font-weight:700;font-size:24px;margin-top:0;margin-bottom:30px}@media (max-width: 1023px){.admin-card{width:350px;padding:35px 45px}.admin-card h1{font-size:20px}}@media (max-width: 767px){.admin-card{min-height:100vh;border-radius:0;box-shadow:none;padding:40px 25px;display:flex;flex-direction:column;justify-content:center}.admin-card h1{font-size:28px}}.admin-page-background{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:#f0f2f5;box-sizing:border-box}.admin-card{width:100%!important;max-width:1200px!important;text-align:left}.admin-card h1{text-align:center}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.admin-page-header h1{margin:0;text-align:left;font-size:24px}.admin-page-header a{text-decoration:none;color:#007bff;font-weight:500}.admin-page-header a:hover{text-decoration:underline}.user-table-container{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px}.user-table th,.user-table td{padding:12px 15px;border:1px solid #ddd;text-align:left;vertical-align:middle}.user-table th{background-color:#f8f9fa;font-weight:700}.user-table tbody tr:nth-of-type(2n){background-color:#f9f9f9}.user-table tbody tr:hover{background-color:#f1f1f1}.user-table .role-badge{padding:4px 8px;border-radius:4px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase}.user-table .role-badge.ROLE_ADMIN{background-color:#dc3545}.user-table .role-badge.ROLE_USER{background-color:#007bff}.user-table .delete-btn{display:block;width:100%;border:none;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;box-sizing:border-box;color:#fff;background-color:#6c757d;padding:6px 12px;font-size:13px;margin-top:0}.user-table .delete-btn:hover{background-color:#5a6268}.user-table .delete-btn:disabled{background-color:#e9ecef;cursor:not-allowed}.user-table .delete-btn:disabled:hover{background-color:#e9ecef}@media (max-width: 767px){.user-table{width:none;font-size:10px;margin-top:5px}.user-table th,.user-table td{padding:8px 12px}.user-table .role-badge{padding:3px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase}.user-table .delete-btn{padding:4px 8px;font-size:10px}}.keyword-form{display:flex;gap:10px;margin-bottom:15px}.keyword-form input{flex-grow:1;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px}.keyword-form input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.keyword-form .btn-primary{display:block;width:100%;border:none;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;box-sizing:border-box;color:#fff;width:auto;padding:10px 20px;margin-top:0;background-color:#007bff}.keyword-form .btn-primary:hover{background-color:#0056b3}.link-group{margin-top:20px;display:flex;flex-direction:column;gap:10px}.link-group .btn{display:block;width:100%;padding:14px 24px;border:none;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:10px;box-sizing:border-box;color:#fff}.link-group .btn-secondary{background-color:#6c757d}.link-group .btn-secondary:hover{background-color:#5a6268}.card,.mypage-card,.form-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:400px;max-width:100%;padding:40px 50px;box-sizing:border-box;text-align:center}.card h1,.mypage-card h1,.form-card h1{font-weight:700;font-size:24px;margin-top:0;margin-bottom:30px}@media (max-width: 1023px){.card,.mypage-card,.form-card{width:350px;padding:35px 45px}.card h1,.mypage-card h1,.form-card h1{font-size:20px}}@media (max-width: 767px){.card,.mypage-card,.form-card{min-height:100vh;border-radius:0;box-shadow:none;padding:40px 25px;display:flex;flex-direction:column;justify-content:center}.card h1,.mypage-card h1,.form-card h1{font-size:28px}}.form-card{position:relative}.form-group{margin-bottom:15px;text-align:left}.form-group input{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px}.form-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.btn-auth{display:block;width:100%;padding:14px 24px;border:none;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:10px;box-sizing:border-box;color:#fff;background-color:#007bff}.btn-auth:hover{background-color:#0056b3}.error-msg,.success-msg{margin-bottom:15px;font-size:14px}.error-msg{color:#dc3545}.success-msg{color:#28a745}.link-group{margin-top:20px;font-size:14px;color:#666}.link-group a{color:#007bff;text-decoration:none;font-weight:700}.link-group a:hover{text-decoration:underline}.mypage-card h1{text-align:left}.mypage-card .info-grid{margin:30px 0}.mypage-card .info-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eee}.mypage-card .info-row:first-child{padding-top:0}.mypage-card .info-row:last-child{border-bottom:none;padding-bottom:0}.mypage-card .info-label{font-weight:700;color:#555}.mypage-card .info-value{color:#333}.mypage-card .button-group{margin-top:20px;display:flex;flex-direction:column;gap:10px}@media (max-width: 767px){.mypage-card .button-group{margin-top:10px;gap:5px}}.btn-danger{display:block;width:100%;padding:14px 24px;border:none;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:10px;box-sizing:border-box;color:#fff;background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.chat-window{display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff}.chat-header{position:relative;padding:15px 60px;border-bottom:1px solid #eee;text-align:center;background:#fff;z-index:10;flex-shrink:0}.chat-header h1{margin:0;font-size:16px;font-weight:600}.message-list{flex-grow:1;padding:20px;overflow-y:auto}.message-bubble-wrapper{display:flex;margin-bottom:12px;width:100%}.message-bubble-wrapper.bot{justify-content:flex-start}.message-bubble-wrapper.user{justify-content:flex-end}.message-bubble{max-width:75%;padding:12px 18px;border-radius:22px;box-shadow:0 1px 2px #0000000d}.message-bubble .message-text{white-space:pre-wrap;word-wrap:break-word;line-height:1.6}.message-bubble.bot-message{background-color:#f1f0f0;color:#333;border-bottom-left-radius:4px}.message-bubble.user-message{background-color:#007bff;color:#fff;border-bottom-right-radius:4px}.loading-indicator{display:flex;align-items:center;padding:12px 18px}.loading-indicator span{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#999;margin:0 2px;animation:bounce 1.4s infinite ease-in-out both}.loading-indicator span:nth-child(1){animation-delay:-.32s}.loading-indicator span:nth-child(2){animation-delay:-.16s}.chat-input-form{border-top:1px solid #eee;padding:15px;background:#fff;flex-shrink:0}.chat-input-form form{display:flex;align-items:center;gap:10px}.mic-btn{flex-shrink:0;background:none;border:none;padding:8px;cursor:pointer;color:#888;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.mic-btn:hover{background-color:#f0f0f0}.mic-btn.listening{color:#007bff;animation:pulse 1.5s infinite}.input-wrapper{flex-grow:1;display:flex}.input-wrapper input{width:100%;border:none;background-color:#f1f0f0;border-radius:22px;padding:12px 18px;font-size:16px}.input-wrapper input:focus{outline:none;box-shadow:0 0 0 2px #007bff33}.send-btn{flex-shrink:0;background-color:#007bff;color:#fff;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.send-btn:hover{background-color:#0056b3}.send-btn:disabled{background-color:#ccc;cursor:not-allowed}.mic-info-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mic-btn.disabled{color:#ccc;cursor:help}.mic-btn.disabled:hover{background-color:transparent}.compatibility-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-12px);background-color:#323232;color:#fff;padding:12px 18px;border-radius:8px;font-size:14px;width:240px;text-align:center;box-shadow:0 4px 12px #00000026;z-index:10;animation:fadeIn .2s ease-out}.compatibility-tooltip p{margin:0 0 10px;line-height:1.5}.compatibility-tooltip button{background:#555;color:#fff;border:none;padding:5px 10px;font-size:12px;border-radius:4px;cursor:pointer}.compatibility-tooltip button:hover{background:#666}.compatibility-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#323232 transparent transparent transparent}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #007bff66}70%{box-shadow:0 0 0 10px #007bff00}to{box-shadow:0 0 #007bff00}}.back-button{position:absolute;top:10px;left:20px;background:none;border:none;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;color:#888;border-radius:50%;transition:background-color .2s,color .2s;z-index:20}.back-button:hover{background-color:#f0f0f0;color:#333}.back-button svg{width:28px;height:28px}body{font-family:Noto Sans KR,sans-serif;background-color:#f0f2f5;margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;box-sizing:border-box}@media (max-width: 767px){body{padding:0}}.card .subtitle,.card .welcome-msg{color:#666;margin-bottom:30px}@media (max-width: 767px){.card .subtitle,.card .welcome-msg{margin-bottom:10px}}.card .btn-primary{display:block;width:100%;padding:14px 24px;border:none;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:10px;box-sizing:border-box;color:#fff;background-color:#007bff}.card .btn-primary:hover{background-color:#0056b3}.card .btn-secondary{display:block;width:100%;padding:14px 24px;border:none;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:10px;box-sizing:border-box;color:#fff;background-color:#6c757d}.card .btn-secondary:hover{background-color:#5a6268}.card .btn-logout{display:block;width:100%;padding:14px 24px;border:none;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:10px;box-sizing:border-box;color:#fff;background-color:#dc3545}.card .btn-logout:hover{background-color:#c82333}