Software

v0.0..1

software/v0.0.1/web/style.css

@@ -0,0 +1,135 @@
+:root {
+  --bg: #0b0e14;
+  --card: #121726;
+  --border: #1e2538;
+  --text: #e6e6e6;
+  --btn-bg: #1a2033;
+  --btn-hover: #232b46;
+  --btn-border: #334;
+  --badge-bg: #25304d;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
+  background: var(--bg);
+  color: var(--text);
+  margin: 0;
+}
+
+a {
+  color: var(--text);
+  text-decoration: none;
+}
+
+.wrap {
+  max-width: 1100px;
+  margin: 40px auto;
+  padding: 0 16px;
+}
+
+.card {
+  background: var(--card);
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  padding: 20px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
+  margin-bottom: 16px;
+}
+
+h1,
+h2,
+h3 {
+  margin: 0 0 10px;
+}
+
+.btn {
+  display: inline-block;
+  padding: 10px 14px;
+  border-radius: 12px;
+  border: 1px solid var(--btn-border);
+  padding-inline: 16px;
+  color: var(--text);
+  background: var(--btn-bg);
+  margin-right: 8px;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.btn:hover {
+  background: var(--btn-hover);
+}
+
+.badge {
+  display: inline-block;
+  padding: 4px 10px;
+  border-radius: 999px;
+  background: var(--badge-bg);
+  border: 1px solid var(--btn-border);
+}
+
+pre {
+  white-space: pre-wrap;
+  background: #0f1320;
+  padding: 12px;
+  border-radius: 12px;
+  border: 1px solid var(--border);
+  max-height: 260px;
+  overflow: auto;
+}
+
+label,
+input,
+textarea,
+select {
+  display: block;
+  width: 100%;
+}
+
+input,
+textarea,
+select {
+  background: #0f1320;
+  color: var(--text);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 10px;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+th,
+td {
+  border-bottom: 1px solid var(--border);
+  padding: 8px 6px;
+  vertical-align: top;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 12px;
+}
+
+.small {
+  opacity: 0.8;
+  font-size: 0.9rem;
+}
+
+.notice {
+  color: #9be39e;
+}
+
+.error {
+  color: #ff8e8e;
+}
+
+.right {
+  float: right;
+}