body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:400px;padding:40px;width:100%}.login-card h2{color:#333;font-size:28px;font-weight:300;margin-bottom:30px;text-align:center}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group label{color:#555;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 15px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-text{color:#dc3545}.error-text,.success-text{display:block;font-size:12px;margin-top:5px}.success-text{color:#28a745}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px;transition:all .3s ease}.login-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-btn.submitting{background:linear-gradient(135deg,#a8a8a8,grey)}.signup-suggestion{border-top:1px solid #e1e5e9;margin-top:25px;padding-top:25px}.suggestion-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.suggestion-card h3{color:#333;margin:0 0 10px}.suggestion-card p{color:#666;font-size:14px;margin:0 0 15px}.signup-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s ease}.signup-btn:hover{background:#218838}.login-footer{border-top:1px solid #e1e5e9;margin-top:25px;padding-top:20px;text-align:center}.login-footer p{color:#666;margin:0}.signup-link{color:#667eea;font-weight:500;text-decoration:none}.signup-link:hover{text-decoration:underline}.loading-spinner{color:#fff;font-size:18px;text-align:center}.message{border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message.info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}@media (max-width:480px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-card h2{font-size:24px}}.top-navbar-mobile{display:none}@media screen and (max-width:768px){.top-navbar-mobile{align-items:center;background-color:#012df3;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;color:#fff;display:flex;height:50px;justify-content:space-between;left:0;padding:12px 16px;position:fixed;top:0;width:100%;z-index:1000}.navbar-left{cursor:pointer;display:flex;flex:1 1;justify-content:flex-start;z-index:1002}.navbar-center{display:flex;justify-content:center;text-align:center;z-index:1001}.navbar-right{cursor:pointer;display:flex;flex:1 1;justify-content:flex-end;z-index:1002}.navbar-text{font-size:16px;font-weight:500;margin:0}.menu-icon{align-items:center;display:flex;flex-direction:column;gap:3px;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.menu-icon.active{transform:rotate(90deg)}.menu-line{background-color:#fff;border-radius:1px;display:block;height:2px;transition:all .3s ease;width:20px}.menu-icon.active .menu-line:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-icon.active .menu-line:nth-child(2){opacity:0}.menu-icon.active .menu-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.dot-menu{align-items:center;display:flex;flex-direction:column;gap:2px;height:24px;justify-content:center;width:24px}.dot{background-color:#fff;border-radius:50%;display:block;height:4px;width:4px}.menu-backdrop{animation:fadeIn .3s ease;background-color:#fff0;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1001}.menu-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:1002}.right-menu{right:1px}.menu-header{background-color:#012df3;border-bottom:16px solid #e0e0e0;color:#fff;padding:12px 16px}.menu-header h3{font-size:14px;font-weight:600;margin:0}.menu-links{list-style:none;margin:0;padding:0}.menu-link-item{border-bottom:1px solid #f0f0f0}.menu-link-item:last-child{border-bottom:none}.menu-link-button{background:none;border:none;color:#333;cursor:pointer;font-size:14px;padding:14px 16px;text-align:left;transition:background-color .2s ease;width:100%}.menu-link-button:hover{background-color:#f5f5f5}.sidebar-menu{background-color:#fff;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:-280px;overflow:hidden;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1002}.sidebar-open{left:0}.sidebar-header{align-items:flex-start;background-color:#012df3;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;margin-left:0;padding:20px 16px}.sidebar-user-info{align-items:center;display:flex;gap:12px}.user-avatar{align-items:center;background-color:#fff3;border-radius:50%;display:flex;font-size:32px;height:50px;justify-content:center;margin-left:5px;width:50px}.user-details h3{font-size:16px;margin:0 0 4px}.user-details p{font-size:12px;margin:0;opacity:.8}.sidebar-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.sidebar-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 0}.sidebar-links{list-style:none;margin:0;padding:0}.sidebar-link-item{border-bottom:1px solid #f0f0f0}.sidebar-link-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:16px;gap:12px;padding:16px 20px;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.sidebar-link-button:hover{background-color:#f5f5f5;color:#333;text-decoration:none}.link-icon{align-items:center;display:flex;font-size:20px;justify-content:center;text-align:center;width:24px}.link-label{font-weight:500}.sidebar-footer{border-top:1px solid #f0f0f0;flex-shrink:0;padding:16px 20px;text-align:center}.app-version{color:#666;font-size:12px}.sidebar-loading{color:#666;font-style:italic;padding:20px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar-left:hover .menu-line,.navbar-right:hover .dot{background-color:#ccc}.navbar-left:active .menu-line,.navbar-right:active .dot{transform:scale(.95)}}@media screen and (min-width:769px){.menu-backdrop,.sidebar-menu,.top-navbar-mobile{display:none!important}}@media screen and (max-width:768px){body{padding-top:0}}.navbar-header{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:10px;margin-top:10px;padding:20px;text-align:center}.navbar-header h3{color:#333;font-size:20px;margin-bottom:5px;text-align:center}.navbar-header p{color:#666}@media (max-width:480px){.navbar-header{display:none}}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.study-app{background-color:#fcfcfc;min-height:100vh;padding:10px}.app-header{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:10px;padding:20px;text-align:center}.app-header h3{color:#333;font-size:20px;margin-bottom:5px;text-align:center}.app-header p{color:#666}.study-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:60px;padding:5px}.study-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#222121;cursor:pointer;margin:10px;padding:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.study-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.card-icon{margin-bottom:10px}.study-card h3{font-size:13px;font-weight:600}.study-card-link{color:inherit;text-decoration:none}@media (max-width:480px){.study-grid{gap:0;grid-template-columns:repeat(2,1fr)}.study-card{padding:10px 5px}.card-icon{font-size:15px;margin-bottom:10px}.study-card h3{font-size:12px}.app-header{margin-top:50px}}@media (min-width:481px) and (max-width:768px){.study-grid{grid-template-columns:repeat(3,1fr)}}.not-login-container{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:80vh;padding:20px}.not-login-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.not-login-title{color:#333;font-size:2rem;margin-bottom:20px}.not-login-message{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.not-login-actions{display:flex;gap:15px;justify-content:center}.not-login-button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.not-login-button.login{background-color:#4285f4;color:#fff}.not-login-button.signup{background-color:#34a853;color:#fff}.not-login-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.not-login-button.login:hover{background-color:#3367d6}.not-login-button.signup:hover{background-color:#2d9249}.login,.signup{text-decoration:none}@media (max-width:600px){.not-login-content{padding:30px 20px}.not-login-title{font-size:1.5rem}.not-login-actions{flex-direction:column;gap:10px}}.profile-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.profile-container h1{color:#333;font-size:2.5rem;font-weight:300;margin-bottom:30px;text-align:center}.profile-card{border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:20px 0;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.profile-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.profile-card.logged-in{background:linear-gradient(135deg,#e8f5e8,#8ddd90);border:2px solid #4caf50;border-left-width:6px;margin-top:50px}.profile-card.logged-in h3{color:#2e7d32;font-size:1.5rem;margin-bottom:20px;text-align:center}.profile-info{margin:20px 0;text-align:center}.phone-number{color:#333;font-size:1.4rem;font-weight:700;margin:15px 0}.phone-number span{background-color:#4caf501a;border:1px solid #4caf50;border-radius:20px;color:#2e7d32;padding:5px 15px}.profile-description{color:#666;font-size:1rem;margin-top:10px}.profile-card.not-logged-in{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #f44336;border-left-width:6px;text-align:center}.profile-card.not-logged-in h3{color:#c62828;font-size:1.5rem;margin-bottom:15px}.profile-card.not-logged-in p{color:#666;font-size:1.1rem;margin:10px 0}.logout-message{color:#999!important;font-size:.9rem!important;font-style:italic}.button-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:25px}.update-btn{background-color:#897eee;color:#fff;text-decoration:none}.logout-btn,.update-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;min-width:180px;padding:12px 25px;transition:all .3s ease}.logout-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.logout-btn:active{transform:translateY(0)}.logout-btn.clear-all{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.logout-btn.clear-all:hover{background:linear-gradient(135deg,#d32f2f,#c62828)}.logout-btn.clear-phone{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.logout-btn.clear-phone:hover{background:linear-gradient(135deg,#f57c00,#ef6c00)}.logout-info{margin-top:20px;text-align:center}.logout-info p{color:#999;font-size:.8rem;font-style:italic;margin:0}@media (max-width:768px){.profile-container{padding:15px}.profile-card{margin:15px 0;padding:20px}.profile-container h1{font-size:2rem;margin-bottom:20px}.phone-number{font-size:1.2rem}.button-container{align-items:center;flex-direction:column}.logout-btn{max-width:250px;width:100%}}@media (max-width:480px){.profile-container{padding:10px}.profile-card{padding:15px}.profile-container h1{font-size:1.8rem}.phone-number{font-size:1.1rem}.logout-btn{font-size:.9rem;padding:10px 20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-card{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-state{align-items:center;background-color:#fffc;color:#333;display:flex;flex-direction:column;font-family:sans-serif;font-size:1.2rem;height:100vh;justify-content:center;left:0;margin-top:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.loading-state p{font-weight:700;margin:15px 0 0}.users-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.users-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.users-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;font-weight:700;margin:0}.users-stats{align-items:center;display:flex;gap:1rem}.total-users{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.table-container{background:#fffbfb}.users-table{border-collapse:collapse;font-size:.95rem;width:100%}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.users-table th{border:none;color:#3d463c;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.users-table th:first-child{border-radius:12px 0 0 0}.users-table th:last-child{border-radius:0 12px 0 0}.users-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.users-table tbody tr:hover{background-color:#f7fafc;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.users-table td{border:none;color:#4a5568;padding:1rem 1.5rem;vertical-align:middle}.users-table td:first-child{font-family:Courier New,monospace}.users-table td:first-child,.users-table td:nth-child(2){color:#2d3748;font-weight:600}.users-table td:nth-child(5){color:#667eea;font-family:Courier New,monospace;font-size:.9rem}.users-table td:last-child{color:#718096;font-family:Courier New,monospace;font-size:.85rem;position:relative}.users-table td:last-child:before{content:"••••••••";letter-spacing:2px}.users-table td:last-child:hover:before{color:#e53e3e;content:attr(data-password);letter-spacing:normal}.table-controls{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.search-input{border:2px solid #e2e8f0}.search-icon{color:#a0aec0}@media (max-width:1024px){.table-container{overflow-x:auto}.users-table{min-width:800px}}@media (max-width:768px){.users-container{padding:1rem}.users-header{align-items:flex-start;flex-direction:column;gap:1rem}.users-stats{align-self:flex-end}.table-controls{align-items:stretch;flex-direction:column}.search-box{max-width:none}}@media (max-width:480px){.users-header h2{font-size:1.5rem}.users-table td,.users-table th{padding:.75rem 1rem}.total-users{font-size:.8rem;padding:.4rem .8rem}}@media (prefers-color-scheme:dark){.users-container{background:#0000}.users-header h2{color:#e2e8f0}.table-container{background:#2d3748}.users-table tbody tr{border-bottom-color:#4a5568}.users-table tbody tr:hover{background-color:#4a5568}.users-table td{color:#e2e8f0}.users-table td:first-child,.users-table td:nth-child(2){color:#f7fafc}.search-input{background:#4a5568;border-color:#718096;color:#e2e8f0}.search-input:focus{border-color:#667eea}}.payments-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1600px;padding:2rem}.payments-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.payments-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;font-weight:700;margin:0}.payments-stats{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.stat-card{background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem 1.5rem}.stat-card.total-amount{border-left-color:#48bb78}.stat-card.total-transactions{border-left-color:#667eea}.stat-card.successful{border-left-color:#48bb78}.stat-label{color:#718096;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#2d3748;font-size:1.25rem;font-weight:700;margin-top:.25rem}.stat-value.amount{color:#48bb78}.payments-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.search-box{flex:1 1;max-width:400px;position:relative}.search-input{border:2px solid #426592;border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-icon{color:#fff;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-controls{gap:1rem}.date-filter,.filter-controls{align-items:center;display:flex}.date-filter{gap:.5rem}.date-input{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.5rem}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.payments-table{border-collapse:collapse;font-size:.9rem;width:100%}.payments-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.payments-table th{border:none;color:#3d3838;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;position:relative;text-align:left;text-transform:uppercase}.payments-table th:first-child{border-radius:12px 0 0 0}.payments-table th:last-child{border-radius:0 12px 0 0}.payments-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.payments-table tbody tr:hover{background-color:#f7fafc;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.payments-table td{border:none;color:#4a5568;padding:1rem;vertical-align:middle}.payments-table td:first-child{color:#2d3748;font-family:Courier New,monospace;font-weight:600}.payments-table td:nth-child(2){color:#2d3748;font-weight:600}.payments-table td:nth-child(4){color:#48bb78;font-size:1rem;font-weight:700}.payments-table td:nth-child(5){background:#f0fff4;border-radius:4px;color:#276749;font-weight:600}.payments-table td:nth-child(6){background:#f7fafc;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:.8rem}.payments-table td:nth-child(7){color:#718096;font-size:.85rem}.payments-table td:nth-child(8){background:#fffaf0;border-radius:4px;color:#744210;font-weight:600;text-align:center}.payments-table td:nth-child(8):empty:before{color:#a0aec0;content:"N/A";font-weight:400}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-success{background:#c6f6d5;color:#22543d}.status-pending{background:#fed7d7;color:#742a2a}.loading-container{align-items:center;color:#667eea;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-left-color:#667eea;border-radius:50%;height:40px;margin-bottom:1rem;width:40px}.loading-text{color:#4a5568;font-size:1.1rem;font-weight:600}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{color:#718096;padding:4rem 2rem;text-align:center}.empty-state svg{height:64px;margin-bottom:1rem;opacity:.5;width:64px}.empty-state h3{color:#4a5568;font-size:1.25rem;margin-bottom:.5rem}.export-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.export-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:1200px){.table-container{overflow-x:auto}.payments-table{min-width:1000px}}@media (max-width:768px){.payments-container{padding:1rem}.payments-header{align-items:flex-start;flex-direction:column;gap:1rem}.payments-stats{justify-content:space-between;width:100%}.stat-card{flex:1 1;min-width:120px}.payments-controls{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-controls{justify-content:space-between}}@media (max-width:480px){.payments-header h2{font-size:1.5rem}.payments-stats{align-items:stretch;flex-direction:column}.stat-card{text-align:center}.payments-table td,.payments-table th{padding:.75rem .5rem}}@media (prefers-color-scheme:dark){.payments-container{background:#0000}.payments-header h2{color:#e2e8f0}.table-container{background:#2d3748}.stat-card{background:#4a5568;color:#e2e8f0}.stat-value{color:#f7fafc}.payments-table tbody tr{border-bottom-color:#4a5568}.payments-table tbody tr:hover{background-color:#4a5568}.payments-table td{color:#e2e8f0}.payments-table td:first-child,.payments-table td:nth-child(2){color:#f7fafc}.search-input{background:#4a5568;border-color:#718096;color:#e2e8f0}.search-input:focus{border-color:#667eea}}:root{--primary-color:#007bff;--secondary-color:#6c757d;--background-color:#f8f9fa;--card-background:#fff;--border-color:#e9ecef;--shadow-color:#0000000d;--spacing-unit:1rem}body{background-color:#f8f9fa;background-color:var(--background-color);color:#343a40;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.message-viewer-container{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--shadow-color);margin:40px auto;max-width:1000px;padding:20px}.message-viewer-container h1{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--border-color);color:#007bff;color:var(--primary-color);font-size:1.8rem;margin-bottom:20px;padding-bottom:10px}.message-list{gap:20px;padding-top:10px}.message-card,.message-list{display:flex;flex-direction:column}.message-card{background-color:#fff;background-color:var(--card-background);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);min-height:auto;padding:20px;transition:transform .2s,box-shadow .2s}.message-card:hover{box-shadow:0 6px 15px #0000000d;box-shadow:0 6px 15px var(--shadow-color);transform:translateY(-3px)}.message-card h3{border-bottom:1px dashed #e9ecef;border-bottom:1px dashed var(--border-color);color:#343a40;font-size:1.25rem;margin-bottom:10px;margin-top:0;padding-bottom:5px}.message-card p{color:#6c757d;color:var(--secondary-color);font-size:.9rem;margin:0 0 5px}.message-card p strong{color:#495057;font-weight:600}.message-content{background-color:#f1f3f5;border-radius:4px;flex-grow:1;margin-top:15px;max-height:200px;overflow-y:auto;padding:15px}.message-content p{color:#495057;font-size:1rem;margin:0;white-space:pre-wrap}@media (max-width:768px){.message-viewer-container{margin:20px 10px;padding:15px}.message-viewer-container h1{font-size:1.5rem;text-align:center}}
/*# sourceMappingURL=main.d6d223bd.css.map*/