feat: improve mission asset operations

app/static/styles.css

@@ -281,6 +281,55 @@ html[data-theme="dark"] .theme-toggle-thumb {
     border-color: var(--warning-line);
 }
 
+.form-inline-alert {
+    margin-bottom: 16px;
+}
+
+.field-error-shell {
+    position: relative;
+}
+
+.field-error-input,
+.field-error-shell input:not([type="hidden"]),
+.field-error-shell textarea,
+.field-error-shell select {
+    border-color: var(--warning-line) !important;
+    box-shadow: 0 0 0 3px rgba(214, 138, 38, 0.12);
+    background: rgba(255, 248, 236, 0.92);
+}
+
+.validation-dialog {
+    width: min(560px, calc(100vw - 32px));
+    padding: 0;
+    border: 0;
+    background: transparent;
+}
+
+.validation-dialog::backdrop {
+    background: rgba(12, 20, 35, 0.38);
+    backdrop-filter: blur(6px);
+}
+
+.validation-dialog-card {
+    margin: 0;
+    padding: 20px 22px;
+    border-radius: 22px;
+    border: 1px solid var(--line);
+    background: color-mix(in srgb, var(--surface-strong) 92%, white 8%);
+    box-shadow: var(--shadow);
+}
+
+.validation-dialog-card h2 {
+    margin: 0;
+}
+
+.validation-dialog-list {
+    margin: 14px 0 0;
+    padding-left: 20px;
+    display: grid;
+    gap: 8px;
+}
+
 .hero-panel,
 .panel,
 .metric-card {
@@ -2082,6 +2131,12 @@ html[data-theme="dark"] a:focus-visible {
     gap: 10px;
 }
 
+.mission-future-panel,
+.mission-future-list {
+    display: grid;
+    gap: 12px;
+}
+
 .mission-upcoming-item {
     padding: 12px 13px;
     border-radius: 16px;
@@ -2089,6 +2144,21 @@ html[data-theme="dark"] a:focus-visible {
     border: 1px solid var(--line);
 }
 
+.mission-upcoming-head {
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+    align-items: flex-start;
+}
+
+.mission-future-action {
+    white-space: nowrap;
+}
+
+.mission-future-summary {
+    margin: 6px 0 0;
+}
+
 .mission-upcoming-date {
     margin: 0;
     color: var(--primary);
@@ -2360,6 +2430,11 @@ html[data-theme="dark"] a:focus-visible {
     background: rgba(255, 255, 255, 0.82);
 }
 
+.state-node-row-error {
+    border-color: var(--warning-line);
+    box-shadow: 0 0 0 3px rgba(214, 138, 38, 0.12);
+}
+
 .state-node-row label,
 .state-node-row .mission-datetime-control {
     margin: 0;