@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--bg-base: 210 38% 98%;--bg-surface: 0 0% 100%;--bg-surface-glass: 0 0% 100% / .94;--bg-elevated: 210 29% 95%;--bg-subtle: 210 40% 96.5%;--border-light: 214 28% 90%;--border-hover: 215 24% 80%;--border-guide: 214 32% 91% / .7;--text-primary: 210 73% 15%;--text-secondary: 215 19% 32%;--text-muted: 215 16% 48%;--accent-primary: 243 100% 68%;--accent-secondary: 221 83% 53%;--accent-cyan: 192 95% 42%;--accent-gradient: linear-gradient(135deg, #635BFF 0%, #3B82F6 55%, #00D4FF 100%);--accent-gradient-strong: linear-gradient(135deg, #4F46E5 0%, #635BFF 50%, #2563EB 100%);--success: 158 78% 34%;--warning: 32 95% 42%;--error: 348 83% 47%;--font-title: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;--font-body: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;--font-mono: "JetBrains Mono", "Inter", monospace;--shadow-xs: 0 1px 2px rgba(10, 37, 64, .04);--shadow-sm: 0 2px 5px -1px rgba(50, 50, 93, .07), 0 1px 3px -1px rgba(0, 0, 0, .05);--shadow-glow: 0 13px 27px -5px rgba(50, 50, 93, .1), 0 8px 16px -8px rgba(0, 0, 0, .08);--shadow-elevated: 0 30px 60px -12px rgba(50, 50, 93, .16), 0 18px 36px -18px rgba(0, 0, 0, .14);--shadow-modal: 0 50px 100px -20px rgba(10, 37, 64, .25), 0 30px 60px -30px rgba(10, 37, 64, .3);--transition-smooth: all .18s 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);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:-.025em;line-height:1.25;color:hsl(var(--text-primary))}a{color:hsl(var(--accent-primary));text-decoration:none;transition:var(--transition-smooth)}a:hover{color:hsl(var(--accent-secondary))}.tabular-nums,.data-table td{font-variant-numeric:tabular-nums}.stripe-grid-bg{background-image:linear-gradient(to right,rgba(226,232,240,.55) 1px,transparent 1px),linear-gradient(to bottom,rgba(226,232,240,.55) 1px,transparent 1px);background-size:64px 64px}.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:9px 18px;font-family:var(--font-title);font-weight:600;font-size:.88rem;line-height:1.4;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;white-space:nowrap}.btn-rect{border-radius:8px}.btn-primary{background:#635bff;color:#fff!important;box-shadow:0 2px 5px #635bff47,0 1px 1px #00000014}.btn-primary:hover{background:#0a2540;transform:translateY(-1px);box-shadow:0 7px 14px #0a25402e,0 3px 6px #00000014;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:1240px;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:#475569;font-family:var(--font-title);font-weight:700;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:3px 10px;border-radius:9999px;font-size:.73rem;font-weight:600;letter-spacing:.01em;line-height:1.35;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:#eef2ff;color:#4f46e5;border:1px solid #C7D2FE}.badge-secondary{background-color:#f1f5f9;color:#475569;border:1px solid #E2E8F0}.badge-error{background-color:#fff1f2;color:#be123c;border:1px solid #FECDD3}.input-field{width:100%;padding:9px 13px;background:#fff;border:1px solid hsl(var(--border-light));border-radius:8px;color:hsl(var(--text-primary));font-family:var(--font-body);font-size:.88rem;box-shadow:var(--shadow-xs);transition:var(--transition-smooth)}.input-field:focus{outline:none;border-color:#635bff;box-shadow:0 0 0 3px #635bff29}.navbar{border-bottom:1px solid rgba(226,232,240,.85);background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;padding:13px 0}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-title);font-size:1.15rem;font-weight:800;color:#0a2540;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.logo:hover{color:#635bff}.nav-links{display:flex;align-items:center;gap:6px;list-style:none}.nav-links a:not(.btn){color:#425466;font-weight:600;font-size:.88rem;padding:7px 13px;border-radius:999px;transition:all .15s ease}.nav-links a:not(.btn):hover{color:#0a2540;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}