Polish project detail modals and data flows

templates/index.html

@@ -29,6 +29,16 @@
             padding: 0;
         }
 
+        ::selection {
+            background: rgba(11, 107, 99, 0.16);
+            color: var(--ink);
+        }
+
+        ::-moz-selection {
+            background: rgba(11, 107, 99, 0.16);
+            color: var(--ink);
+        }
+
         body {
             font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
             color: var(--ink);
@@ -138,6 +148,8 @@
             border: 1px dashed #a7d1c8;
             border-radius: 18px;
             padding: 18px;
+            content-visibility: auto;
+            contain-intrinsic-size: 240px;
         }
 
         .upload-box p {
@@ -182,6 +194,7 @@
         input[type="number"],
         input[type="date"],
         input[type="file"],
+        select,
         textarea {
             width: 100%;
             border: 1px solid var(--line);
@@ -197,12 +210,26 @@
         }
 
         input:focus,
+        select:focus,
         textarea:focus {
             outline: none;
             border-color: var(--accent);
             box-shadow: 0 0 0 4px rgba(11, 107, 99, 0.12);
         }
 
+        select option {
+            color: var(--ink);
+            background: var(--white);
+        }
+
+        select option:checked,
+        select option:hover,
+        select option:focus {
+            color: var(--ink);
+            background: #e7f0f5;
+            box-shadow: inset 0 0 0 999px #e7f0f5;
+        }
+
         .actions {
             display: flex;
             flex-wrap: wrap;
@@ -236,11 +263,19 @@
             color: #204257;
         }
 
+        .button-secondary:hover,
+        .button-secondary:focus-visible {
+            background: #dbeaf2;
+            color: #163345;
+        }
+
         .table-wrap {
             overflow: auto;
             border: 1px solid var(--line);
             border-radius: 18px;
             background: var(--white);
+            content-visibility: auto;
+            contain-intrinsic-size: 360px;
         }
 
         table {