.layout{display:flex;min-height:100vh;background-color:#f5f5f5}.sidebar{width:250px;background-color:#2c3e50;color:#fff;padding:20px;display:flex;flex-direction:column}.logo{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo h1{font-size:24px;margin-bottom:5px}.logo p{font-size:14px;opacity:.7}.nav-menu{list-style:none}.nav-menu li{margin-bottom:10px}.nav-menu a{display:block;padding:12px 15px;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s}.nav-menu a:hover{background-color:#ffffff1a}.nav-menu a.active{background-color:#3498db}.main-content{flex:1;padding:30px;overflow-y:auto}.dashboard{width:100%}.dashboard h1{margin-bottom:30px;color:#2c3e50}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-card h3{color:#7f8c8d;font-size:14px;margin-bottom:10px;font-weight:500}.stat-number{font-size:36px;font-weight:700;color:#2c3e50}.info-box{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.loading{text-align:center;padding:50px;color:#7f8c8d}.room-requests{width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{color:#2c3e50}.header-actions{display:flex;align-items:center;gap:12px}.refresh-btn{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.refresh-btn:hover{background-color:#2980b9}.empty-state{text-align:center;padding:50px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.requests-list{display:flex;flex-direction:column;gap:20px}.request-card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ecf0f1}.request-title{display:flex;align-items:center;gap:10px}.request-header h3{color:#2c3e50;font-size:18px}.unread-badge,.total-unread-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;background-color:#e74c3c;padding:4px 10px;border-radius:999px;letter-spacing:-.02em}.total-unread-badge{font-size:13px;padding:6px 16px}.unread-badge{background-color:#f39c12}.request-date{color:#7f8c8d;font-size:14px}.request-body{margin-bottom:20px}.request-field{display:flex;margin-bottom:10px}.request-field label{font-weight:600;color:#34495e;width:120px;margin-right:10px}.request-field span{color:#2c3e50}.request-footer{display:flex;justify-content:flex-end}.view-details-btn{padding:8px 16px;background-color:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.view-details-btn:hover{background-color:#229954}.error-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.error button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.token-input-container{max-width:500px;margin:50px auto;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.token-input-container h2{color:#2c3e50;margin-bottom:15px}.token-help{color:#7f8c8d;font-size:14px;line-height:1.6;margin-bottom:25px}.token-help code{background-color:#ecf0f1;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:13px}.token-form{display:flex;flex-direction:column;gap:15px}.token-input{padding:12px 15px;border:2px solid #bdc3c7;border-radius:5px;font-size:14px;transition:border-color .3s}.token-input:focus{outline:none;border-color:#3498db}.token-submit-btn{padding:12px 20px;background-color:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s}.token-submit-btn:hover{background-color:#229954}.error-message{margin-top:20px;padding:15px;background-color:#fee;border:1px solid #fcc;border-radius:5px;color:#c33}.room-request-detail{width:100%}.detail-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn{padding:10px 20px;background-color:#95a5a6;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.back-btn:hover{background-color:#7f8c8d}.detail-header h1{color:#2c3e50;margin:0}.detail-content{display:flex;flex-direction:column;gap:25px}.detail-section{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.detail-section h2{color:#2c3e50;font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.detail-item{display:flex;flex-direction:column}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:600;color:#34495e;margin-bottom:8px;font-size:14px}.detail-value{color:#2c3e50;font-size:16px;padding:10px;background-color:#f8f9fa;border-radius:5px;min-height:20px}.detail-value.notes{white-space:pre-wrap;line-height:1.6}.json-view{background-color:#2c3e50;color:#ecf0f1;padding:20px;border-radius:5px;overflow-x:auto;font-size:13px;line-height:1.6;font-family:Courier New,monospace}.loading,.error{text-align:center;padding:50px;color:#7f8c8d}.error{color:#e74c3c;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.chat-action-section{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.btn-start-chat{background-color:#a230ff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;min-width:150px}.btn-start-chat:hover:not(:disabled){background-color:#8b1fd9}.btn-start-chat:disabled{background-color:#ccc;cursor:not-allowed}.chat-error-message{margin-top:1rem;padding:12px;background-color:#fee;color:#c33;border-radius:4px;font-size:14px}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 100px);max-width:1200px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.chat-header{display:flex;align-items:center;gap:20px;padding:20px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.chat-header h1{color:#2c3e50;margin:0;font-size:20px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px;background-color:#f8f9fa}.empty-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#7f8c8d;font-size:14px}.message{display:flex;margin-bottom:10px}.message-sent{justify-content:flex-end}.message-received{justify-content:flex-start}.message-content{max-width:70%;padding:12px 16px;border-radius:18px;word-wrap:break-word}.message-sent .message-content{background-color:#a230ff;color:#fff;border-bottom-right-radius:4px}.message-received .message-content{background-color:#fff;color:#2c3e50;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message-text{font-size:15px;line-height:1.4;margin-bottom:4px}.message-time{font-size:11px;opacity:.7;text-align:right}.message-received .message-time{text-align:left}.chat-error-banner{padding:12px 20px;background-color:#fee;color:#c33;font-size:14px;text-align:center}.chat-input-area{display:flex;gap:10px;padding:20px;background-color:#fff;border-top:1px solid #e9ecef}.chat-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:24px;font-size:15px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#a230ff}.chat-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{padding:12px 24px;background-color:#a230ff;color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s;min-width:80px}.send-button:hover:not(:disabled){background-color:#8b1fd9}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.loading,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:50px;color:#7f8c8d}.error{color:#e74c3c}.error button{margin-top:20px;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.error button:hover{background-color:#2980b9}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}.app{width:100%;min-height:100vh}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}