:root{--bg-color:#f8fafc;--sidebar-bg:#fff;--card-bg:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-red:#ef4444;--border-color:#e2e8f0;--hover-bg:#f1f5f9;--glass-bg:#ffffffb3;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,Noto Sans JP,sans-serif;line-height:1.6}.app-container{height:100vh;display:flex}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;width:260px;padding:2rem 0;display:flex;box-shadow:2px 0 10px #00000005}.logo{color:var(--accent-blue);letter-spacing:-.5px;margin-bottom:3rem;padding:0 2rem;font-size:1.5rem;font-weight:800}.nav-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{background:var(--border-color);color:var(--text-primary)}.main-content{flex:1;padding:2rem;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header h1{font-size:1.75rem;font-weight:700}.card{background:var(--sidebar-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.5rem}.btn-primary{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--accent-blue-hover)}.table{border-collapse:collapse;width:100%;margin-top:1rem}.table th{text-align:left;border-bottom:2px solid var(--border-color);color:var(--text-secondary);padding:1rem;font-size:.875rem;font-weight:600}.table td{border-bottom:1px solid var(--border-color);padding:1rem;font-size:.9375rem}.table tr:hover{background-color:var(--hover-bg)}.badge{border-radius:99px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.badge-pass{color:var(--accent-green);background:#10b9811a;border:1px solid #10b98133}.badge-fail{color:var(--accent-red);background:#ef44441a;border:1px solid #ef444433}.badge-norun{color:var(--text-secondary);background:#9ea4b01a;border:1px solid #9ea4b033}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:90%;max-width:500px}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#fff;border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:.9375rem}.form-input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:.6rem 1.2rem}.btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}