@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-dark:#faf7f2;--bg-surface:#fcfaf6;--bg-surface-hover:#f2ece0;--bg-card:#faf6f0;--border-color:#e6dfd3;--border-color-hover:#d5cab5;--primary:#8c6a5c;--primary-hover:#725245;--primary-glow:#8c6a5c1f;--info:#556b7a;--info-hover:#435460;--info-glow:#556b7a1f;--warning:#c69b6d;--danger:#bd5a5a;--success:#6e8a75;--text-primary:#383431;--text-secondary:#706863;--text-muted:#a39b95;--font-display:"Noto Sans JP", "Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Noto Sans JP", "Plus Jakarta Sans", system-ui, sans-serif;--radius-lg:10px;--radius-md:8px;--radius-sm:6px;--glass-shadow:0 6px 20px 0 #8c6a5c0f;--glass-backdrop:blur(4px);--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition);padding:24px}.glass-card:hover{border-color:var(--border-color-hover);box-shadow:0 10px 30px #8c6a5c1a}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-control{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition);outline:none;padding:12px 16px;font-size:.95rem}.form-control:focus{border-color:var(--primary);box-shadow:var(--primary-glow) 0px 0px 0px 3px;background:var(--bg-surface)}.form-control::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23706863'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#faf7f2}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow);color:#faf7f2}.btn-secondary{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--border-color);border-color:var(--border-color-hover)}.btn-danger{background:var(--danger);color:#faf7f2}.btn-danger:hover{background:#a34848;box-shadow:0 4px 12px #bd5a5a33}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th{background:var(--bg-surface-hover);color:var(--text-secondary);font-family:var(--font-display);border-bottom:1px solid var(--border-color);padding:16px;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:16px}.custom-table tr:hover td{background:#8c6a5c05}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#6e8a751f}.badge-warning{color:#a67c4e;background:#c69b6d1f}.badge-danger{color:var(--danger);background:#bd5a5a1f}.badge-info{color:var(--info);background:#556b7a1f}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.metric-card{justify-content:space-between;align-items:center;display:flex}.metric-val{font-family:var(--font-display);background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:8px;font-size:2.2rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s forwards fadeIn}