@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700;800&display=swap";:root{--bg-base: 220 23% 97.5%;--bg-surface: 0 0% 100%;--bg-surface-glass: 0 0% 100% / .96;--bg-elevated: 216 33% 97%;--bg-subtle: 210 40% 98%;--border-light: 214 24% 91%;--border-hover: 215 25% 80%;--border-guide: 214 24% 92% / .8;--text-primary: 222 47% 11%;--text-secondary: 215 25% 27%;--text-muted: 215 16% 47%;--accent-primary: 221 83% 53%;--accent-secondary: 224 76% 48%;--accent-cyan: 199 89% 42%;--accent-gradient: linear-gradient(135deg, #1E40AF 0%, #2563EB 55%, #0284C7 100%);--accent-gradient-strong: linear-gradient(135deg, #1E3A8A 0%, #1D4ED8 50%, #2563EB 100%);--success: 160 84% 32%;--warning: 32 95% 42%;--error: 348 83% 47%;--font-title: "Inter", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;--font-body: "Inter", "Noto Sans JP", "Hiragino Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Inter", "Noto Sans JP", monospace;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .035);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .045), 0 1px 2px -1px rgba(15, 23, 42, .03);--shadow-glow: 0 10px 24px -6px rgba(15, 23, 42, .07), 0 2px 6px -2px rgba(15, 23, 42, .04);--shadow-elevated: 0 20px 40px -14px rgba(15, 23, 42, .11), 0 6px 14px -6px rgba(15, 23, 42, .05);--shadow-modal: 0 28px 56px -14px rgba(15, 23, 42, .18), 0 12px 24px -10px rgba(15, 23, 42, .08);--transition-smooth: all .16s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:hsl(var(--bg-base));color-scheme:light;scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{background-color:hsl(var(--bg-base));color:hsl(var(--text-primary));font-family:var(--font-body);font-weight:400;line-height:1.65;font-feature-settings:"palt" 1,"cv02" 1,"cv03" 1,"cv04" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;letter-spacing:-.022em;line-height:1.3;color:hsl(var(--text-primary))}strong,b{font-weight:600}a{color:hsl(var(--accent-primary));text-decoration:none;transition:var(--transition-smooth)}a:hover{color:hsl(var(--accent-secondary))}button:focus:not(:focus-visible),a:focus:not(:focus-visible),select:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible{outline:2px solid rgba(37,99,235,.4);outline-offset:2px;border-radius:4px}.tabular-nums,.data-table td{font-variant-numeric:tabular-nums}.loglass-fluid-blue-bg{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 20%,#38bdf89e,#38bdf800 42%),radial-gradient(circle at 84% 16%,#60a5fa94,#60a5fa00 46%),radial-gradient(circle at 52% 92%,#0ea5e98c,#0ea5e900 52%),radial-gradient(circle at 72% 62%,#2563ebb8,#2563eb00 50%),linear-gradient(135deg,#002b8c,#0047cc 42%,#005ce6 74%,#0273f5);color:#fff}.stripe-grid-bg{background:linear-gradient(180deg,#edf4fc,#f5f8fc 65%,#fff)}.card-glass{background:hsl(var(--bg-surface));border:1px solid hsl(var(--border-light));border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.card-glass:hover{border-color:hsl(var(--border-hover));box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;font-family:var(--font-title);font-weight:600;font-size:.85rem;line-height:1.4;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;white-space:nowrap}.btn-rect{border-radius:8px}.btn-primary{background:#2563eb;color:#fff!important;border-color:#1d4ed8;box-shadow:0 1px 2px #2563eb33}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 10px #2563eb38;color:#fff!important}.btn-secondary{background:hsl(var(--bg-surface));color:hsl(var(--text-primary));border:1px solid hsl(var(--border-light));box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:hsl(var(--border-hover));background:hsl(var(--bg-subtle));color:hsl(var(--text-primary))}.container{width:100%;max-width:1340px;margin:0 auto;padding:0 24px}.grid-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.table-wrapper{width:100%;overflow-x:auto;border-radius:12px;border:1px solid hsl(var(--border-light));background:hsl(var(--bg-surface));box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{background-color:#f8fafc;color:#334155;font-family:var(--font-title);font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;border-bottom:1px solid hsl(var(--border-light))}.data-table td{padding:16px;border-bottom:1px solid #F1F5F9;color:hsl(var(--text-primary));vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:background-color .12s ease}.data-table tbody tr:hover td{background-color:#f8fafc}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:600;letter-spacing:.01em;line-height:1.4;white-space:nowrap}.badge-success{background-color:#ecfdf5;color:#047857;border:1px solid #A7F3D0}.badge-warning{background-color:#fffbeb;color:#b45309;border:1px solid #FDE68A}.badge-info,.badge-primary{background-color:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.badge-secondary{background-color:#f1f5f9;color:#475569;border:1px solid #E2E8F0}.badge-error{background-color:#fff1f2;color:#be123c;border:1px solid #FECDD3}.fit-score-badge{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.72rem;font-weight:700;flex-shrink:0;letter-spacing:-.02em}.fit-score-high{background:#10b981;color:#fff;box-shadow:0 1px 2px #10b98140}.fit-score-good{background:#ecfdf5;color:#047857;border:1.5px solid #34D399}.fit-score-mid{background:#fef3c7;color:#b45309;border:1.5px solid #FBBF24}.fit-score-low{background:#f1f5f9;color:#64748b;border:1px solid #CBD5E1}.input-field{width:100%;padding:8px 12px;background:#fff;border:1px solid hsl(var(--border-light));border-radius:8px;color:hsl(var(--text-primary));font-family:var(--font-body);font-weight:400;font-size:.86rem;box-shadow:var(--shadow-xs);transition:var(--transition-smooth)}.input-field:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.navbar{border-bottom:1px solid rgba(226,232,240,.85);background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:0;z-index:100;padding:11px 0}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-title);font-size:1.05rem;font-weight:700;color:#0f172a;letter-spacing:-.025em;display:flex;align-items:center;gap:9px}.logo:hover{color:#2563eb}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-links a:not(.btn){color:#475569;font-weight:500;font-size:.85rem;padding:6px 11px;border-radius:7px;transition:all .14s ease}.nav-links a:not(.btn):hover{color:#0f172a;background:#f1f5f9}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.container{padding:0 16px}.card-glass{padding:18px 16px}.navbar{padding:8px 0}.nav-container{flex-direction:column;gap:6px;text-align:center}.logo{font-size:1.02rem;gap:6px}.nav-links{gap:4px;flex-wrap:wrap;justify-content:center;width:100%}.nav-links li{margin-left:0!important}.nav-links a:not(.btn){font-size:.78rem;padding:5px 10px}.nav-links .btn{font-size:.76rem!important;padding:5px 12px!important}#feedback-widget{bottom:12px!important;right:12px!important}#btn-open-feedback{padding:8px 13px!important;font-size:.74rem!important;gap:6px!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}}.mobile-only{display:none!important}
