body{font-family:Poppins,sans-serif;background-color:var(--color-bg-main);color:var(--color-primary);margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.App{text-align:center;max-height:100vh}.app-header{height:60px}.app-header h1{margin:40px;font-size:2.8rem}.main-container{display:flex;flex-direction:row;justify-content:center;gap:2rem;padding:0 1rem}.column{padding:1.5rem;border-radius:8px;border:4px solid var(--color-border-white);box-shadow:0 4px 6px #0003;flex:1;max-width:500px;text-align:left}.column:nth-child(2){background-color:var(--color-bg-pink)}.column:nth-child(1){background-color:var(--color-bg-orange)}.column:nth-child(3){background-color:var(--color-bg-purple)}h2{font-weight:400;margin-top:0;color:#fff;border-bottom:2px solid #333;padding-bottom:.5rem;margin-bottom:1rem}.status>span{margin-bottom:1rem;padding:.5rem;border-radius:4px;font-weight:700;color:var(--color-status)}.status.connected{color:#4caf50;background-color:#4caf501a}.status.disconnected{color:#f44336;background-color:#f443361a}.alerts-list{list-style-type:none;padding:0;max-height:400px;overflow-y:auto;border:1px solid #444;border-radius:4px}.alerts-list li{padding:.75rem;border-bottom:1px solid #333}.alerts-list li:last-child{border-bottom:none}.alerts-list .user{font-weight:700;color:#29b6f6}.disaster-form{display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.disaster-form input,.disaster-form textarea{padding:.75rem;border:1px solid #444;border-radius:4px;font-size:1rem;color:#e0e0e0;width:calc(100% - 1.5rem);background-color:var(--color-bg-main)}.disaster-form input::placeholder,.disaster-form textarea::placeholder{color:#888}.disaster-form textarea{resize:vertical;height:70px}.disaster-form button{padding:.75rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .2s}.response-box{white-space:pre-wrap;word-wrap:break-word;background-color:#2c2c2c;color:#e0e0e0;padding:1rem;border-radius:4px;margin-top:1rem;max-height:200px;overflow-y:auto;text-align:left;border:1px solid #444}#root-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:flex-start;justify-content:flex-start;gap:20px;padding:20px;height:calc(100vh - 160px)}.scroll-box{height:62vh;overflow-y:auto;padding-right:10px;flex-grow:1}#disasters-list .disaster-item{background-color:var(--color-bg-main);border-radius:6px;padding:15px;margin-bottom:15px;border-left:4px solid var(--color-primary)}.disaster-item h3{margin-top:0;color:var(--color-secondary)}.disaster-item p{color:var(--color-text-muted);font-size:.95rem}.disaster-item small{color:var(--color-tag-text);font-style:italic}.disaster-item .tags{margin-top:10px}.disaster-item .tag{background-color:var(--color-primary);color:#fff;padding:3px 8px;border-radius:12px;font-size:.8rem;margin-right:5px}a.disaster-item-link{text-decoration:none;color:inherit;display:block}#alerts .alert-item{background-color:var(--color-bg-main);border-radius:4px;padding:10px;margin-bottom:8px;font-size:.9rem;border-left:4px solid #6c63ff;position:relative}#alerts .alert-item.priority{border-left-color:var(--color-warning);font-weight:500}.alert-item .user{font-weight:700;color:var(--color-primary);margin-right:8px}.priority-badge{background-color:#ff7043;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:700;margin-right:10px}ul#alerts{list-style-type:none;padding:0}.container{padding:20px;max-width:1200px;margin:0 auto}.page-header{border-bottom:1px solid #444;padding-bottom:20px;margin-bottom:20px}.page-header a{color:var(--color-bg-light);text-decoration:none;margin-bottom:15px;display:inline-block}.page-header h1{margin-top:0;margin-bottom:5px}.disaster-location{font-style:italic;color:silver;margin-top:0}.page-content{display:flex;gap:20px}.report-form{display:flex;flex-direction:column;gap:10px;max-width:400px}.report-form textarea{padding:10px;height:80px;margin-bottom:10px;border-radius:4px;color:var(--color-primary);background-color:var(--color-bg-main)}.report-form button[type=submit]{background-color:var(--color-bg-light)!important}.report-item{background-color:var(--color-bg-main);border-radius:6px;padding:15px;margin-bottom:15px;border-left:4px solid #4caf50}.report-item p{margin-top:0}.report-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.report-meta small{display:block;color:#a0a0a0}.report-item .status-text{font-weight:700}.report-item .status-verified{color:#4caf50}.report-item .status-pending{color:#ffc107}.report-item .status-rejected{color:#f44336}.upload-section input[type=file]{display:none}.custom-file-upload{background-color:var(--color-bg-light);color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.custom-file-upload:hover{background-color:var(--color-secondary)}@media only screen and (max-width: 600px){.app-header h1{width:100%;font-size:48px;margin:1rem 0}#root-container{grid-template-columns:1fr;margin-block:2rem}}@media only screen and (min-width: 600px){.app-header h1{width:100%;font-size:48px;margin:1rem 0}#root-container{grid-template-columns:1fr;margin-block:2rem}#root-container .column{max-width:100%}}@media only screen and (min-width: 768px){.app-header h1{width:100%;font-size:48px;margin:1rem 0}#root-container{grid-template-columns:2fr;margin-block:2rem}}@media only screen and (min-width: 992px){.app-header h1{width:100%;font-size:48px;margin:1rem 0}#root-container{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width: 1200px){.App{width:100vw}#root-container{grid-template-columns:repeat(3,1fr)}}:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color-primary: #192655;--color-secondary: #a2aadb;--color-accent: #c0c9ee;--color-warning: #ff7043;--color-bg-white: #f9fcfb;--color-bg-dark: #121212;--color-bg-light: #1e1e2e;--color-bg-main: #fff2eb;--color-bg-pink: #ffaaaa;--color-bg-orange: #ffe99a;--color-bg-purple: #c0c9ee;--color-surface: #040405;--color-text-main: #e0e0e0;--color-text-muted: #a0a0a0;--color-tag-bg: var(--color-accent);--color-tag-text: #1a1a1a;--color-scrollbar: #444;--color-border-white: #eaefef;--color-status: #15b392;--color-status-error: #e6521f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}