You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
1.8 KiB
25 lines
1.8 KiB
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#1f2937;background:#f8fafc}
|
|
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0ea5e9;color:#fff}
|
|
.topbar .brand{font-weight:600}
|
|
.topbar .controls{display:flex;gap:8px;align-items:center}
|
|
.topbar input{height:32px;padding:4px 8px;border:1px solid #93c5fd;border-radius:6px}
|
|
.topbar button{height:32px;padding:4px 10px;border:0;border-radius:6px;background:#1e3a8a;color:#fff}
|
|
.status{margin-left:8px;font-size:12px}
|
|
.tabs{display:flex;gap:8px;padding:8px;background:#eff6ff;border-bottom:1px solid #e5e7eb}
|
|
.tabs button{padding:8px 12px;border:1px solid #c7d2fe;background:#fff;border-radius:8px;color:#1f2937}
|
|
.tabs button.active{background:#1e40af;color:#fff;border-color:#1e40af}
|
|
main{padding:16px}
|
|
.section.hidden{display:none}
|
|
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-bottom:12px}
|
|
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
|
|
.row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
|
|
.form{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
|
|
textarea{width:100%;min-height:120px;padding:8px;border:1px solid #e5e7eb;border-radius:8px}
|
|
table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb}
|
|
th,td{border-bottom:1px solid #e5e7eb;padding:8px;text-align:left}
|
|
button{padding:6px 10px;border-radius:8px;border:1px solid #c7d2fe;background:#eef2ff}
|
|
button.danger{background:#fee2e2;border-color:#fecaca;color:#991b1b}
|
|
.label{font-size:12px;color:#64748b;margin-bottom:4px}
|
|
pre{background:#0b1220;color:#e5e7eb;border-radius:8px;padding:8px;overflow:auto;max-height:300px}
|
|
.note{font-size:12px;color:#64748b}
|