*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f8f9fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:100%;width:100%;margin:0 auto;padding:12px}@media (min-width: 480px){.container{padding:16px}}@media (min-width: 768px){.container{padding:20px}}.header{background:#003d6b;color:#fff;padding:12px;margin:-12px -12px 0;text-align:center}@media (min-width: 480px){.header{padding:16px;margin:-16px -16px 0}}@media (min-width: 768px){.header{padding:20px;margin:-20px -20px 0}}.header h1{margin:0;font-size:18px;font-weight:600;line-height:1.3}@media (min-width: 480px){.header h1{font-size:20px}}@media (min-width: 768px){.header h1{font-size:24px}}.header p{margin:4px 0 0;opacity:.9;font-size:12px}@media (min-width: 480px){.header p{font-size:13px}}@media (min-width: 768px){.header p{font-size:14px}}.card{background:#fff;border-radius:8px;padding:12px;margin-bottom:12px;box-shadow:0 1px 3px #0000001f;transition:transform .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}@media (min-width: 480px){.card{padding:14px}.card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}}@media (min-width: 768px){.card{padding:16px}}.login-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:#333}@media (min-width: 480px){.form-group label{font-size:14px}}.form-group input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-height:42px;transition:all .2s ease}@media (min-width: 480px){.form-group input{padding:10px 14px}}.form-group input:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 3px #0078d426}.btn{padding:10px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:40px;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (min-width: 480px){.btn{padding:10px 16px;font-size:14px}}.btn-primary{background:#0078d4;color:#fff}.btn-primary:hover{background:#005a9e;transform:translateY(-1px);box-shadow:0 2px 8px #0078d44d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f1f3f5;color:#333}.btn-secondary:hover{background:#e1e4e8;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.workspace-list{display:flex;flex-direction:column;gap:8px}.workspace-item{padding:12px;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .2s}.workspace-item:hover{background:#f8f9fa;border-color:#0078d4}.workspace-item h3{margin:0 0 4px;font-size:16px;color:#333}.workspace-item p{margin:0;font-size:12px;color:#666}.conversation-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.conversation-item{padding:12px;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .2s}.conversation-item:hover{background:#f8f9fa;border-color:#0078d4}.conversation-item h4{margin:0 0 4px;font-size:14px;color:#333}.conversation-item p{margin:0;font-size:12px;color:#666}.navigation{display:flex;gap:8px;margin-bottom:16px}.message-content{background:#f8f9fa;padding:12px;border-radius:4px;margin:12px 0}.slide-preview{background:#fff;border:1px solid #e9ecef;border-radius:4px;padding:16px;margin:12px 0;min-height:200px}.slide-preview h3{margin:0 0 12px;font-size:18px;color:#333}.slide-preview p{margin:8px 0;color:#666;line-height:1.5}.error-message{background:#fee;color:#c00;padding:12px;border-radius:4px;font-size:14px}.loading{text-align:center;padding:20px;color:#666}.spinner{display:inline-block;width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #0078D4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mt-4{margin-top:16px}