@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--steel: #0d1f2d;--steel-2: #162a3c;--steel-3: #1e3a50;--accent: #0d9488;--accent-2: #14b8a6;--accent-warm: #f59e0b;--accent-coral: #e8415a;--success: #059669;--warn: #f59e0b;--danger: #dc2626;--orange: #f97316;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--sidebar-w: 224px;--header-h: 56px;--radius: 4px;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow: 0 4px 20px rgba(0,0,0,.12);--font: "Noto Sans JP", sans-serif;--mono: "DM Mono", monospace;--navy: #0d1f2d;--navy-2: #162a3c}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-800);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s;letter-spacing:.02em}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#0a7a70;border-color:#0a7a70}.btn-outline{background:#fff;color:var(--gray-700);border:1px solid var(--gray-200)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#0d94880a}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#b91c1c}.card{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);border-top:3px solid var(--accent);padding:24px;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:2px;font-size:11px;font-weight:600;letter-spacing:.04em;font-family:var(--mono)}.badge-blue{background:#ccfbf1;color:#0f766e;border:1px solid #99f6e4}.badge-green{background:#dcfce7;color:#15803d;border:1px solid #86efac}.badge-red{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.badge-orange{background:#fef3c7;color:#b45309;border:1px solid #fcd34d}.badge-gray{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.form-label{display:block;font-size:11px;font-weight:700;color:var(--gray-500);margin-bottom:5px;letter-spacing:.08em;text-transform:uppercase}.form-input{width:100%;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--gray-200);font-size:13px;outline:none;transition:border .12s,box-shadow .12s;background:#fff;color:var(--gray-800)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0d94881f}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:9px 14px;background:var(--gray-50);color:var(--gray-500);font-weight:700;font-size:11px;letter-spacing:.07em;text-transform:uppercase;border-bottom:2px solid var(--gray-200)}.table td{padding:10px 14px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.table tr:hover td{background:#0d948808}@media(max-width:767px){body{font-size:13px}.card{padding:16px}.table th{padding:7px 8px;font-size:10px}.table td{padding:8px;font-size:12px}.btn{padding:8px 12px;font-size:12px;min-height:40px}}