20260607 - login, add scene, add hotspot

frontend/css/style.css

@@ -169,3 +169,47 @@ html, body {
 #close-viewer-btn:hover {
     background: white;
 }
+/* Modal Overlay */
+.modal-overlay {
+    position: fixed;
+    top: 0; left: 0; width: 100%; height: 100%;
+    background: rgba(0,0,0,0.7);
+    display: flex; align-items: center; justify-content: center;
+    z-index: 2000;
+}
+
+.modal-content {
+    background: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    width: 90%; max-width: 500px;
+    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
+}
+
+.modal-header {
+    display: flex; justify-content: space-between; align-items: center;
+    border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px;
+}
+
+.form-group { margin-bottom: 15px; }
+.form-group label { display: block; font-weight: bold; margin-bottom: 5px; }
+.form-group input, .form-group textarea, .form-group select {
+    width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px;
+}
+
+/* Tabs */
+.tab-container { display: flex; gap: 10px; margin-bottom: 10px; }
+.tab-btn {
+    flex: 1; padding: 8px; cursor: pointer; border: 1px solid #007bff;
+    background: #fff; color: #007bff; border-radius: 4px;
+}
+.tab-btn.active { background: #007bff; color: #fff; }
+
+.divider { border-top: 1px dashed #ccc; padding-top: 15px; }
+
+.modal-footer {
+    display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px;
+}
+
+.save-btn { background: #28a745; color: #fff; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; }
+.cancel-btn { background: #6c757d; color: #fff; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; }